在键入TextInput React Antial（EXPO）时查看降低自身

Question

通常，布局看起来不错，内容包裹在键盘上的视图中，如下所示：

<KeyboardAvoidingView
                   keyboardVerticalOffset={-useHeaderHeight()}
                   behavior={"padding"}
                   style={styles.container}>
                   <View style={styles.conversationContainer}>
                       <ScrollView
                           ref={scrollViewRef}
                           onContentSizeChange={() => scrollViewRef.current.scrollToEnd({ animated: true })}
                           overScrollMode='never'
                           showsVerticalScrollIndicator={false}
                           enableOnAndroid={true}
                           style={styles.conversation}>
                           {messagesView}
                       </ScrollView>
                       <View
                           style={styles.send}>
                           <TextInput
                               value={text}
                               textAlignVertical='center'
                               placeholder='Write your message'
                               style={styles.textInput}
                               blurOnSubmit={true}
                               onChangeText={(value) => setText(value)}
                           >
                           </TextInput>
                           <TouchableOpacity
                               style={[styles.button]}
                               activeOpacity={.6}
                               onPress={() => addMessage()}>
                               <IonIcon
                                   name={"arrow-forward-circle-outline"}
                                   size={30}
                                   color={'#00966E'}
                                   style={styles.icon} />
                           </TouchableOpacity>
                       </View>
                   </View>
               </KeyboardAvoidingView>

在打开键盘时，文本输入按预期将其放置在键盘上方。

键盘图片

但是，每当我按下单个击键时，整个视图（包括textInput）向下，覆盖文本的一半。

覆盖TextInput的键盘

图像对于不同的值以及将行为更改为“ heigth” ，“位置” 或 none 。这些都没有改变任何事情。

Answer 1

也有同样的问题。此语法对我有帮助：＆lt; keyboardAvoidingView
行为= {platform.os ==='ios'？ '填充'：“高度”}＆gt;