Source Code Weather App React Native: Hook + React Navigation + React Timeline + OpenWeatherMap API

[Mã code 27523]
  1 Đánh giá    Viết đánh giá
 0      224      0
Phí tải: 95 Xu (1Xu = 1.000đ)
Danh mục
Thể loại
Nhóm code
Ngày đăng
05-1-2021
Loại file
Full code
Dung lượng
331 MB
Không chứa mã độc
Có demo thực tế
Có hướng dẫn cài đặt

Ứng dụng xem dữ liệu thời tiết các địa điểm nhất định, dữ liệu hiển thị gồm các chỉ số nhiệt độ ,uv ,sức gió, ... cùng với đó là dự báo theo giờ các ngày tiếp theo. Dữ liệu được lấy qua OpenWeatherMap


MÔ TẢ CHI TIẾT

Các thư viện hỗ trợ :

- react-native-timeline-flatlist

- react-navigation

- react-native-typography

- react-native-search-filter

- OpenWeatherMap API

- moments

- ........

------------------------------------------------------------------------------

App chạy được trên cả android và ios, ứng dụng có thể xem dữ liệu thời tiết các địa điểm nhất định, dữ liệu hiển thị gồm các chỉ số nhiệt độ ,uv ,sức gió, ... cùng với đó là dự báo theo giờ các ngày tiếp theo. Dữ liệu được lấy qua OpenWeatherMap API


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

 

HÌNH ẢNH DEMO

react native app,weather,App Weather,react-native,dự báo thời tiết

react native app,weather,App Weather,react-native,dự báo thời tiết

react native app,weather,App Weather,react-native,dự báo thời tiết

react native app,weather,App Weather,react-native,dự báo thời tiết

react native app,weather,App Weather,react-native,dự báo thời tiết

react native app,weather,App Weather,react-native,dự báo thời tiết

Nguồn: Sharecode.vn



HƯỚNG DẪN CÀI ĐẶT

Bạn cần cài đặt RN trước khi run project nhé ( follow theo doc chính thống https://reactnative.dev/docs/environment-setup )

 

API KEY OPENWEATHERMAP : Tạo tài khoản openweathermap => subscribe One Call API => cuối cùng là tạo API KEY => vào src/config/index => thay OW_API_KEY bằng key mới .

 

Trong thư mục mình đã đóng gói sẵn node_module nên bạn có thể chạy yarn để install lại node_module cũng được :

 

- Android : cd android && ./gradlew clean sau đó chỉ cần gõ lệnh npx react-native run-android hoặc yarn android

- iOs : chạy lệnh npx pod-install sau đó npx react-native run-ios / yarn ios là được
 

Nếu chạy trên mac gặp lỗi miss sdk android thì bạn fix theo hướng dẫn nhé ( https://stackoverflow.com/questions/32634352/react-native-android-build-failed-sdk-location-not-found )

 
 
LINK DOWNLOAD

Weather.zip [331 MB]

File đã kiểm duyệt
     Báo vi phạm bản quyền
Pass giải nén (Nếu có):
sharecode.vn
DOWNLOAD
(95 Xu)

BÌNH LUẬN



ĐÁNH GIÁ


ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
00:17 - 5/1/2021
Code rất tốt
Code rất tốt và phù hợp để phát triển

 HỖ TRỢ TRỰC TUYẾN