React Native - Phần 4 - Tìm hiểu một số thành phần giao diện cụ thể trong React Native - Text input, ScrollView, ListView.

Danh sách các bài trước:

• React Native - Phần 1 - Hướng dẫn cài đặt môi trường phát triển ứng dụng với React Native
• React Native - Phần 2 - Viết chương trình đầu tiên và tìm hiểu vể Props, State
• React Native - Phần 3 - Tìm hiểu về Style, Height & Width và điều chỉnh Layout với Flexbox

Trong phần này, chúng ta sẽ cùng nhau tìm hiểu chi tiết hơn về một số thành phần giao diện cụ thể trong React Native

Điều khiển Text Input

TextInput là một thành phần cơ bản cho phép người dùng có thể nhập text. Nó có một tham số onChangeText dành cho việc cài đặt một function được gọi mỗi khi nội dung text trong khung nhập thay đổi, và một tham số onSubmitEditing để cài đặt function được gọi khi text được submit.

Để ví dụ, Hãy để người dùng nhâp text vào trong ô nhập, sau đó bạn sẽ dịch text đó sang một ngôn ngữ khác, giả thiết như trong ngôn ngữ mới, một một từ đều được biến đổi thành ký hiệu