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ể …

Nếu bạn đang phát triển ứng dụng bằng React Native, muốn sử dụng các animations nhưng lại chưa biết về LayoutAnimation, có lẽ đó thật sự là 1 thiếu sót. Animations Component Chúng tôi sẽ đặt myStyle làm thuộc tính của trạng thái. Thuộc tính này được sử dụng để tạo kiểu cho phần tử bên trong PresentationalAnimationComponent . Chúng tôi cũng sẽ tạo hai chức …

Trong chương này, chúng tôi sẽ giới thiệu cho bạn các thành phần có thể chạm được trongReact Native. Chúng ta gọi chúng là ‘touchable’ (có thể chạm được)  vì chúng cung cấp hoạt ảnh được tích hợp sẵn và chúng tôi có thể sử dụng phương thức onPress để xử lý sự kiện chạm. Facebook cung cấp thành phần Button, có thể …

Trong chương này, chúng tôi sẽ chỉ cho bạn cách sử dụng phương thức fetch  để xử lý các yêu cầu mạng. App.js import React from 'react'; import HttpExample from './http_example.js' const App = () => { return ( <HttpExample /> ) } export default App Sử dụng fetch Chúng ta sẽ sử dụng phương thức vòng đời componentDidMount để tải dữ liệu từ …

Trong chương này, chúng ta sẽ hiểu cách làm việc với hình ảnh trong React Native. Thêm hình ảnh Tạo một thư mục mới img bên trong thư mục src . Chúng ta sẽ thêm hình ảnh của mình ( myImage.png ) vào trong thư mục này. Chúng ta sẽ hiển thị hình ảnh trên màn hình chính. App.js import React from 'react'; import ImagesExample from './ImagesExample.js' …

ScrollView là một kiểu Layout, nó là một bộ chứa (container) hình chữ nhật có thanh cuộn thẳng đứng và có thể chứa một thành phần khác. Chúng ta sẽ tạo lại ScrollViewExample.js và nhập nó vào Home . App.js import React from 'react'; import ScrollViewExample from './scroll_view.js'; const App = () => { return ( <ScrollViewExample /> ) }export default App Scrollview sẽ hiển thị danh …

Trong chương này, chúng ta sẽ nghiên cứu cách làm việc với các phần tử TextInput trong React Native. Thành phần Home sẽ nhập và hiển thị đầu vào. App.js import React from 'react'; import Inputs from './inputs.js' const App = () => { return ( <Inputs /> ) } export default App Input Chúng ta sẽ xác định trạng thái ban …

Trong chương này, chúng tôi sẽ chỉ cho bạn cách tạo danh sách trong React Native. Chúng ta sẽ nhập Danh sách trong thành phần Trang chủ của chúng tôi và hiển thị nó trên màn hình. App.js import React from 'react' import List from './List.js' const App = () => { return ( <List /> ) } export default App Để tạo một danh …