react-native-weather

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

react-native-weather

★ 9 Open GitHub ↗

react native天气预报

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-weather
react native天气预报

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

## 截图预览
|  | IOS | Android |
| ------ | ------ | ------ |
| 主界面 | ![ios](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/ios/Snip20180910_7.png?raw=true) | ![android](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/android/Snip20180910_12.png?raw=true) |
| 添加城市 | ![ios](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/ios/Snip20180910_8.png?raw=true) | ![android](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/android/Snip20180910_13.png?raw=true) |
| 城市管理 | ![ios](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/ios/Snip20180910_9.png?raw=true) | ![android](https://github.com/pangyu646182805/react-native-weather/blob/master/Screenshot/android/Snip20180910_11.png?raw=true) |

## 技术框架
* `"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详细入门指南](https://www.jianshu.com/p/fa0874be0827)
* [『技术分享』—— 我的第一个 RN 项目-趣闻](https://www.jianshu.com/p/648c52ae9cb3)

## 项目地址
[RN天气](https://github.com/pangyu646182805/react-native-weather/tree/master)

react-native-weather

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README