Textinput 破坏了 React Native 中的视图布局。如何解决？

Textinput breaks view layout in React Native. How to fix it?

文本输入破坏了视图布局。首先 ss 所有视图正常工作，但我在第二个 ss 中单击 texinput 中断示例，我们在徽标下看到 textinput。如何解决？

<TextInput
  value={values.username}
  style={styles.input}
  placeholder='Adınızı Giriniz..'
  onChangeText={handleChange('username')}
/>

理想情况下，您可以使用

<KeyboardAvoidingView behavior="padding" keyboardVerticalOffset={-200}>
<ScrollView>
YOUR UI HERE
</ScrollView>
<KeyboardAvoidingView>

尝试使用 keyboardVerticalOffset 以获得所需的行为。由于此值在 android 和 iOS 中不同，因此请考虑 Platform.OS === 'ios'