Предотвратить перекрытие содержимого KeyboardAvoidingView (React Native)? ⇐ CSS

[Anonymous]

Я пытаюсь создать область KeyboardAvoidingView для формы регистрации. Я разместил компонент в таком месте, где фактическая настройка клавиатуры на iOS и Android достойна.

Однако вместо увеличения высоты в нижней части представления и прокрутки вверх, KeyboardAvoidingView, похоже, просто сжимает высоту.

Вот результат на Android:

Перед настройкой клавиатуры:

[img]https://i.sstatic .net/Z3tJt.jpg[/img]


После настройки клавиатуры:




Вот код компонента :

Код: Выделить всё

Create Your Account


 updateSignupForm('firstName', t)}
/>
 updateSignupForm('lastName', t)}
/>
 updateSignupForm('email', t)}
/>
 updateSignupForm('password', t)}
/>

И стили:

Код: Выделить всё

export default StyleSheet.create({
container: {
display: 'flex',
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
padding: 30,
minHeight: '100%',
},
main: {
flex: 1,
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
marginBottom: 20,
},
footer: {
width: '100%',
flex: 0,
},
})

Как это исправить, чтобы контент не перекрывался?

Подробнее здесь: https://stackoverflow.com/questions/491 ... act-native