CountDown

個(gè)人倒計(jì)時(shí)項(xiàng)目：使用 RN 開發(fā) 可以同時(shí)運(yùn)行在 iOS 及 Android 上，供大家學(xué)習(xí)交流

1. 個(gè)人開發(fā)工具

Macbook Pro + WebStorm + iphone模擬器 + android

2. 如何運(yùn)行

1. 安裝node
    brew install node
    安裝完node后建議設(shè)置npm鏡像以加速后面的過程（或使用科學(xué)上網(wǎng)工具）。
    npm config set registry https://registry.npm.taobao.org --global
    npm config set disturl https://npm.taobao.org/dist --global
   
2. 安裝React Native的命令行工具（react-native-cli）
    React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化、更新項(xiàng)目、運(yùn)行打包服務(wù)（packager）等任務(wù)。
    npm install -g react-native-cli
    
3. 拉取代碼
   
4. 運(yùn)行ios
    在代碼根目錄下運(yùn)行:
    npm install
    react-native run-ios
   
5. 運(yùn)行android
    在代碼根目錄下運(yùn)行:
    npm install
    react-native run-android

3. 目錄結(jié)構(gòu)

CountDown
    |
    |--android  android工程
    |--ios      ios工程
    |--res           圖片等資源文件
    |--node_modules  引用的三方庫
    |--package.json  包管理文件
    |--.sketch       sketch設(shè)計(jì)文件
    |
    |--js
        |--common   通用操作, 配置主題,常量,全局操作
        |--component 組件
        |--net      網(wǎng)絡(luò)請(qǐng)求(尚未有網(wǎng)絡(luò)模塊)
        |   |--bmob 比目云
        |--routers  路由表
        |--scene    頁面文件
        |--startup  啟動(dòng)入口
        |--stores   數(shù)據(jù)存儲(chǔ)類
        |--util     工具類

4. 引用三方組件:

    react-navigation: 導(dǎo)航
    react-native-modal-datetime-picker: 選擇時(shí)間組件
    react-native-simple-dialogs: dialog組件
    mobx:  簡(jiǎn)單、可擴(kuò)展的狀態(tài)管理
    react-native-root-toast: toast
    react-native-root-siblings: 從根布局添加視圖

5. 數(shù)據(jù)結(jié)構(gòu)

{
    "id": "afasfdascvdf",       // 16位id標(biāo)示
    "name": 'new year',       //string
    "timestamp": '1516322747974',  //number
    "repeat": 'once',         //enum{'once','everyDay','everyWeek','everyMouth','everyYear'}
    "top": false,           //boolean
    "color":"#000000"         //string
}

6. app預(yù)覽:

Download

release
note:

1. app時(shí)間系統(tǒng)為本機(jī)系統(tǒng)

2. 卸載app將會(huì)丟失數(shù)據(jù),請(qǐng)?jiān)谠O(shè)置里

3. 備份的數(shù)據(jù)存儲(chǔ)在比目云上, 數(shù)據(jù)對(duì)開發(fā)者是可見的, 賬號(hào)的密碼開發(fā)者不可見