pixel weather

像素天氣

像素天氣是一個最小的天氣應用程序，它是由博覽會建造的，並反應本​​地。

一開始，該應用要求用戶的當前位置。如果授予，該應用程序將獲取並顯示該位置的天氣數據。用戶可以點擊每個統計數據以查看相應的天氣預報。

特徵

• 大型組件尺寸，為簡單性和可訪問性而設計。
• 黑暗主題支持。
• 不同的天氣統計水平的顏色不同。
• “向世界各地的城市展示當地時間。
• 每天提供最多8天的預測，每小時預測長達48小時。
• 提供空氣質量信息。

依賴性

該項目使用以下軟件包和庫：

• React Navigation ，用於導航不同的屏幕。
• expo-location ，用於獲取用戶當前位置。
• axios ，用於提出API請求。
• AsyncStorage ，用於在用戶手機上本地保存位置。
• lottie-react-native ，用於在數據獲取過程中加載動畫。
• react-native-flash-message ，用於顯示消息。
• Sentry ，用於生產中的錯誤記錄。

API提供商

該天氣應用使用以下兩個來源的數據：

• OpenWeather，用於天氣數據；
• 世界空氣質量指數項目，用於空氣質量數據。

如何構建

1. 將此存儲庫的git clone到您的本地機器。

2. cd到文件夾。跑步

   npm install

   安裝所有依賴項。

3. 申請上述兩個數據源提供商的API鍵。您可能需要提供信用卡信息以進行天氣數據訂閱。在根文件夾中創建.env ，然後將API鍵放入此文件中，就像

    WEATHER_KEY=your-key-string
   AIR_KEY=your-key-string
   

4. 跑步

   npm start

   或者

   expo start

   然後，您將在終端中看到QR碼。打開Expo GO應用程序，掃描QR碼以在手機上運行此項目。

5. 跑步

   eas build --profile preview --platform android

   構建Android應用程序。完成後，請訪問expo.dev下載.apk文件。

更多屏幕截圖

每小時預測	風預測	濕度預測

加入城市	刪除城市	AQI信息

輕型主題 - 家	光主題 - 濕度預測	燈主題 - 位置面板

托多

• 改善空氣質量信息頁面。
• 添加日出和日落時間頁面。
• 添加對單元和格式轉換的支持。
• 實施保存位置的拖放。