react native天氣預報

龐瑜發表於2018-09-07

前言

最近開始學習React Native,天氣預報app就是用來練手的成果。整體介面模仿的三星自帶的天氣app介面。由於RN才剛剛入門,可能會有一些bug,如果發現歡迎提出。

截圖預覽

IOS Android
主介面
ios
android
新增城市
ios
android
城市管理
ios
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

感謝

專案地址

RN天氣

相關文章