วิธีแก้ React Native ให้แสดงผลได้ถูกต้องกับ iOS Keyboard
Published in
1 min readJul 1, 2017
React native ชอบมีปัญหากับพวก Keyboard ของ iOS ที่มักจะเด้งขึ้นมาบัง View นั้นๆ
- แรกสุดต้องใช้ KeyboardAvoidingView เพื่อทำให้ View นั้นๆ ยกตัวขึ้นมา
ปัญหาที่ตามมาคือพอใน KeyboardAvoidingView (อันนี้ lib ของ react-native เองนะ) มี ScrollView ด้านใน ไอ้ ScollView ก็ทำงานผิดพลาดอีก (เช่นถ้ามี Button ใน ScrollView ตัว Button จะไม่สามารถ Click ได้)
- วิธีแก้คือต้องใช้ https://github.com/wix/react-native-keyboard-aware-scrollview
ซึ่งเป็น lib ของ Wix ถึงจะทำให้ ScrollView ทำงานถูกต้อง