AsyncStorage chỉ đơn giản là lưu dữ liệu vào tài liệu trên ổ cứng của điện thoại và do đó bất kỳ ai có quyền truy cập vào hệ thống tệp của điện thoại đều có thể đọc dữ liệu đó. Ít nhất là trên iOS dữ liệuứng dụng nào chỉ ứng dụng đó xem được (chính sách sandboxing) của Apple. …
Trong chương này, chúng tôi sẽ chỉ cho bạn cách sử dụng Geolocation (định vị). Bước 1: App.js import React from 'react' import GeolocationExample from './geolocation_example.js' const App = () => { return ( <GeolocationExample /> ) } export default App Bước 2: Định vị địa lý Bắt đầu bằng cách thiết lập trạng thái ban đầu cho trạng thái đó …
Cũng như ứng dụng web, react native cung cấp một component dùng hiển thị alert (cảnh báo) . Bước 1: App.js import React from 'react' import AlertExample from './alert_example.js' const App = () => { return ( <AlertExample /> ) } export default App Bước 2: alert_example.js Tạo một nút để kích hoạt chức năng showAlert . import React from 'react' import …
Text là component dùng hiển thị văn bản ứng dụng. Component này có thể được lồng vào nhau và nó có thể kế thừa các thuộc tính từ cha sang con. Điều này có thể hữu ích theo nhiều cách. Chúng tôi sẽ chỉ cho bạn ví dụ về cách viết hoa chữ cái đầu tiên, cách tạo kiểu từ hoặc các phần …
Component Switch tương tự checkbox/radio butotn trong web, và thưởng có 2 trạng thái on/off Bước 1: Tạo tệp Chúng tôi sẽ sử dụng thành phần HomeContainer cho logic, nhưng chúng tôi cần tạo thành phần trình bày. Bây giờ chúng ta hãy tạo một tệp mới: SwitchExample.js . Bước 2: Logic Chúng tôi đang chuyển giá trị từ trạng thái và chức năng để chuyển đổi các …
Status Bar (thanh trạng thái) rất dễ sử dụng và tất cả những gì bạn cần làm là đặt các thuộc tính để thay đổi nó. Thuộc tính hidden có thể được sử dụng để ẩn thanh trạng thái. Trong ví dụ của chúng tôi, nó được đặt thành false . Đây là giá trị mặc định. barStyle có thể có ba giá trị – dark-content, light-content và default. Component …
Picker là bộ chọn đơn giản (tương tự select trong web) với các tùy chọn được show lên và bạn chọn 1 trong các option đó. Bước 1: Tạo tệp Tại đây, thư mục App.js sẽ được sử dụng làm thành phần trình bày. App.js import React from 'react' import PickerExample from './PickerExample.js' const App = () => { return ( <PickerExample …
Trong chương này, chúng ta sẽ tìm hiểu cách sử dụng chỉ báo hoạt động trong React Native. Bước 1: Ứng dụng Thành phần ứng dụng sẽ được sử dụng để nhập và hiển thị ActivityIndicator của chúng tôi . App.js import React from 'react' import ActivityIndicatorExample from './activity_indicator_example.js' const Home = () => { return ( <ActivityIndicatorExample /> ) } export default …
Trong chương này, chúng ta sẽ học cách sử dụng thành phần modal trong React Native. Bây giờ tạo một tệp mới: ModalExample.js Đặt logic bên trong ModalExample . Chúng ta có thể cập nhật trạng thái ban đầu bằng cách chạy toggleModal . Sau khi cập nhật trạng thái ban đầu bằng cách chạy toggleModal , chúng ta sẽ đặt thuộc tính visible thành phương thức của mình. Chỗ dựa …
React Native cung cấp một số phương pháp giúp gỡ lỗi mã của bạn. Trong Menu nhà phát triển ứng dụng Bạn có thể mở menu nhà phát triển trên trình mô phỏng IOS bằng cách nhấn lệnh + D. Trên trình giả lập Android, bạn cần nhấn lệnh + M . Reload – Được sử dụng để tải lại trình mô phỏng. Bạn có thể …