react native 天气预报app

前言

最近开始学习React Native,天气预报app就是用来练手的成果。整体界面模仿的三星自带的天气app界面。由于RN才刚刚入门,可能会有一些bug,如果发现欢迎提出。

截图预览

IOS Android
主界面
react native 天气预报app_第1张图片
ios
react native 天气预报app_第2张图片
android
添加城市
react native 天气预报app_第3张图片
ios
react native 天气预报app_第4张图片
android
城市管理
react native 天气预报app_第5张图片
ios
react native 天气预报app_第6张图片
android

技术框架

  • "react": "16.4.1"

  • "react-native": "0.56.0"

  • "react-native-check-box": "^2.1.1"

  • "react-native-linear-gradient": "^2.4.1"

  • "react-native-scrollable-tab-view": "^0.8.0"

  • "react-native-simple-toast": "0.0.8"

  • "react-navigation": "^2.12.1"

数据来源

天气数据、城市查询接口均来自中华万年历中的天气api,定位使用geolocation获取经纬度后调用腾讯定位api

感谢

  • 给所有开发者的React Native详细入门指南

  • 『技术分享』—— 我的第一个 RN 项目-趣闻

项目地址

RN天气

你可能感兴趣的:(react native 天气预报app)