[Học React Native Project Based 2021] Bài 13: KeyboardAwareScrollView
Tham khảo:
KeyboardAwareScrollView: https://github.com/APSL/react-native-....
Hướng dẫn thiết kế giao diện thay đổi khi bàn phím được bật lên: https://www.freecodecamp.org/news/how....
Chú ý:
Để cài yarn sử dụng lệnh sau (gõ ở thư mục nào cũng được vì là cài global, cài 1 lần để sử dụng cho nhiều project):
npm install -g yarn
Trên Android thì đã có sẵn chức năng tương tự rồi, chỉ cần cấu hình thêm cho Android. Tuy nhiên project này sử dụng Expo họ đã cấu hình sẵn cho mình và không cho phép mình tùy chỉnh cấu hình cho platform. Sau này khi chuyển qua dùng React Native CLI chúng ta sẽ phải tự cấu hình.
Thư viện React Native Keyboard Aware Scroll View hỗ trợ tốt hơn cho iOS, với Android thì hạn chế hơn, xem thêm chú thích ở đây: https://github.com/APSL/react-native-....
Nếu trong KeyboardAwareScrollView cần xử lý sự kiện bấm nút khi keyboard đang mở thì cần thêm thuộc tính này vào keyboardShouldPersistTaps="handled".
------------------------------
Trải nghiệm học đầy đủ hơn (document, attachment, tip trick, quiz, ...) tại:
https://techmaster.vn/khoa-hoc/38y/la....
Hoặc học Offline trực tiếp tại trung tâm: https://techmaster.vn/khoa-hoc/kqp/la....
#techmaster #react_native