ดาวน์โหลด pixel weather - pixel weather Source Download

pixel weather

ซอร์สโค้ดอื่น ๆ

v1.0.1

ดาวน์โหลด

สภาพอากาศพิกเซล

Pixel Weather เป็นแอพที่มีสภาพอากาศน้อยที่สุดสร้างขึ้นด้วย Expo และ React Native

เมื่อเริ่มต้นแอปจะขอตำแหน่งปัจจุบันของผู้ใช้ หากได้รับแอปจะดึงข้อมูลและแสดงข้อมูลสภาพอากาศสำหรับตำแหน่งนั้น ผู้ใช้สามารถแตะแต่ละสถิติเพื่อดูการพยากรณ์อากาศที่สอดคล้องกัน

การสาธิตแอปไปที่หน้าพยากรณ์ แอพ Demo Switch Cities

คุณสมบัติ

ขนาดส่วนประกอบขนาดใหญ่ออกแบบมาเพื่อความเรียบง่ายและการเข้าถึง
? การสนับสนุนธีมมืด
? สีที่แตกต่างกันสำหรับระดับสถิติสภาพอากาศที่แตกต่างกัน
แสดงเวลาท้องถิ่นสำหรับเมืองต่างๆทั่วโลก
จัดทำพยากรณ์รายวันนานถึง 8 วันคาดการณ์รายชั่วโมงนานถึง 48 ชั่วโมง
ให้ข้อมูลคุณภาพอากาศ

การพึ่งพาอาศัยกัน

โครงการนี้ใช้แพ็คเกจและห้องสมุดต่อไปนี้:

React Navigation สำหรับการนำทางหน้าจอที่แตกต่างกัน
expo-location เพื่อรับตำแหน่งปัจจุบันของผู้ใช้
axios สำหรับการร้องขอ API
AsyncStorage สำหรับการบันทึกตำแหน่งในโทรศัพท์ของผู้ใช้
lottie-react-native สำหรับการโหลดภาพเคลื่อนไหวในระหว่างการดึงข้อมูล
react-native-flash-message สำหรับการแสดงข้อความ
Sentry สำหรับการบันทึกข้อผิดพลาดในการผลิต

ผู้ให้บริการ API

แอพสภาพอากาศนี้ใช้ข้อมูลจากสองแหล่งต่อไปนี้:

OpenWeather สำหรับข้อมูลสภาพอากาศ
โครงการดัชนีคุณภาพอากาศโลกสำหรับข้อมูลคุณภาพอากาศ

วิธีการสร้าง

git clone repo นี้ไปยังเครื่องในพื้นที่ของคุณ
cd ไปยังโฟลเดอร์ วิ่ง
```
npm install
```
เพื่อติดตั้งการพึ่งพาทั้งหมด
สมัครสำหรับคีย์ API จากผู้ให้บริการแหล่งข้อมูลทั้งสองที่กล่าวถึงข้างต้น คุณอาจต้องให้ข้อมูลบัตรเครดิตสำหรับการสมัครสมาชิกข้อมูลสภาพอากาศ สร้าง .env ในโฟลเดอร์รูทและใส่คีย์ API ของคุณลงในไฟล์นี้เช่น
```
 WEATHER_KEY=your-key-string
AIR_KEY=your-key-string
```
วิ่ง
```
npm start
```
หรือ
```
expo start
```
จากนั้นคุณจะเห็นรหัส QR ในเทอร์มินัล เปิดแอป Expo Go สแกนรหัส QR เพื่อเรียกใช้โครงการนี้บนโทรศัพท์ของคุณ
วิ่ง
```
eas build --profile preview --platform android
```
เพื่อสร้างแอพ Android หลังจากเสร็จสิ้นให้ไปที่ expo.dev เพื่อดาวน์โหลดไฟล์. .apk