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信息

轻型主题 - 家	光主题 - 湿度预测	灯主题 - 位置面板

托多

• 改善空气质量信息页面。
• 添加日出和日落时间页面。
• 添加对单元和格式转换的支持。
• 实施保存位置的拖放。