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 …

Để phù hợp với các kích thước màn hình khác nhau, React Native cung cấp hỗ trợ Flexbox . Chúng ta sẽ sử dụng cùng mã mà chúng ta đã sử dụng trong chương React Native – Styling . Chúng tôi sẽ chỉ thay đổi PresentationalComponent . Cách trình bày Để đạt được bố cục mong muốn, flexbox cung cấp ba thuộc tính chính – flexDirection justifyContent và alignItems . Bảng …

Có một số cách để tạo kiểu cho các phần tử của bạn trong React Native. Bạn có thể sử dụng thuộc tính style để thêm kiểu nội tuyến. Tuy nhiên, đây không phải là cách thực hành tốt nhất vì có thể khó đọc mã. Trong chương này, chúng ta sẽ sử dụng Stylesheet để tạo kiểu. Container Component Trong phần này, chúng …

Trong chương trước, chúng tôi đã chỉ cho bạn cách sử dụng state có thể thay đổi . Trong chương này, chúng tôi sẽ chỉ cho bạn cách kết hợp state và props . Các thành phần trình bày sẽ nhận được tất cả dữ liệu bằng cách chuyển props . Chỉ các thành phần vùng chứa mới có state . Container Component Bây giờ chúng ta sẽ hiểu container …