pixel weather

ピクセルの天気

Pixel Weatherは、ExpoとReactネイティブで構築された最小限の気象アプリです。

開始時に、アプリはユーザーの現在の場所を要求します。許可された場合、アプリはその場所の天気データを取得して表示します。ユーザーは各統計をタップして、対応する天気予報を確認できます。

特徴

• シンプルさとアクセシビリティのために設計された大きなコンポーネントサイズ。
• ？暗いテーマのサポート。
• さまざまな気象統計レベルのさまざまな色。
• ？世界中の都市の現地時間を表示します。
• ？最大8日間、最大48時間の時間ごとの予測を毎日予測してください。
• ？大気質情報を提供します。

依存関係

このプロジェクトでは、次のパッケージとライブラリを使用しています。

• さまざまな画面をナビゲートするためのReact Navigation 。
• ユーザーの現在の場所を取得するためのexpo-location 。
• axios 、APIリクエストを作成するため。
• AsyncStorage 、ユーザーの携帯電話でローカルに場所を保存するため。
• データフェッチ中にアニメーションをロードするためのlottie-react-native 。
• メッセージを表示するためのreact-native-flash-message 。
• Sentry 、生産におけるエラーログのため。

APIプロバイダー

この天気アプリは、次の2つのソースからのデータを使用しています。

• 天気データ用のOpenWeather;
• 大気質データのための世界大気質インデックスプロジェクト。

構築方法

1. git clone 。

2. フォルダーへのcd 。走る

   npm install

   すべての依存関係をインストールします。

3. 上記の2つのデータソースプロバイダーから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情報

軽いテーマ - 家	軽いテーマ - 湿度の予測	ライトテーマ - ロケーションパネル

トト

• 空気品質情報の改善ページ。
• 日の出と日没の時間ページを追加します。
• ユニットとフォーマット変換のサポートを追加します。
• 保存された場所にドラッグアンドソートを実装します。