Javascript 如何防止零部件随着视图的增长而向上移动

我正在尝试用react native创建一个messenger，我有一个问题似乎无法解决。到目前为止，它看起来是这样的，我有一个send按钮（React Native Elements中的按钮组件）在一个与按钮视图相同的输入旁边，如下所示：

这里，按钮正确地放置在输入旁边。但是，每当输入和视图因键入多行而增长时，按钮就会随之上移：

当输入仅为一行时，如何使按钮始终处于相同的位置

这是我的密码：

<KeyboardAvoidingView style={styles.container} 
behavior="padding"
keyboardVerticalOffset={64}>
    <View>
        <FlatList
        //...
        />
    <View 
        minHeight={45}
        style={{flexDirection:'row', backgroundColor: 'transparent' }}>
        <TextInput
            style={[styles.textInput, {fontSize:17,marginVertical: 0, width:300, marginLeft: 10}]}
            minHeight={25}
            multiline={true}
            enablesReturnKeyAutomatically={true}
            keyboardAppearance="dark"
            placeholder=""
            onChangeText={(message) => {this.setState({message})}}
            value={this.state.message}
        />
        <Button
             buttonStyle={{borderRadius: 25, bottom:-5, marginLeft: 10, paddingVertical: 5, backgroundColor: "#EAB844"}}
             icon={{name: 'arrow-up', type: 'feather', color:'white'}}
             onPress={()=>{ this.onPressButton()}} 
             title=""/> 
         </View>
    </View>
</KeyboardAvoidingView>

{this.setState（{message}}}
值={this.state.message}
/>
{this.onPressButton（）}
title=”“/>

我想这会和这个类似吗

在React Native中，

flexDirection

的默认值是

列

（与CSS中的

行

不同）。 因此，在

flexDirection:“列”

中，横轴是水平的，

alignSelf

在左/右方向工作。 要将页脚固定到底部，有几个选项。这里有一个： 对容器应用

justifyContent:“

之间的空格”。我也看到过使用

证明内容正确的东西：“flex-end”

从这个问题来看，如果这个解决方案不起作用，还有其他的解决方案。

---

事实并非如此，我必须将输入和按钮包装在另一个独立的视图中，与平面列表视图不同，然后让按钮视图和输入视图随着文本输入的增加而增长。然后我用marginBottom使按钮保持在原位。