React-Native-Weather

截图

IOS	Android1	Android2	Android3

编译

1. Prepare your environment: Requirements and Android Setup
2. Clone this repo, and goto the project root directory
3. run npm install
4. run react-native run-android Enjoy

使用到的开源项目

• react-china-location: https://github.com/JasonBoy/react-china-location ：提供了全国省市的json数据
• mobx-react: https://github.com/mobxjs/mobx-react ：状态的管理者，提供的数据与界面之间的交流
• react-native-picker: https://github.com/beefe/react-native-picker ：地点选择器组件
• react-native-drawer-layout: https://github.com/react-native-community/react-native-drawer-layout ：侧边栏滑动组件
• react-native-storage: https://github.com/sunnylqm/react-native-storage ：提供本地简单数据的存储到本地，以便下次读取
• react-native-swipeout: https://github.com/dancormier/react-native-swipeout ：左滑删除组件，用来删除天气
• react-native-vector-icons: https://github.com/oblador/react-native-vector-icons ：提供了应用了绝大部分图标
• react-navigation: https://github.com/react-community/react-navigation ：应用的导航栏以及界面之间的切换功能

计划

• 适配IOS
• 增加自动定位功能
• 记住最后一次添加的地点
• 网络未连接时候的处理
• 网络超时的处理（这个神坑，用了网上的方法虽然能够捕获错误但是却没办法让刷新停止下来..）
• 调用服务器接口随机切换壁纸功能

相关文章

• 项目结构说明

开源协议

This project is available under the MIT license.