React native 反应本机软键盘问题

我在屏幕底部有文本输入。当文本输入被聚焦时，键盘就会出现，因此所有的flex视图都会缩小到可用屏幕。我想实现页面布局不应该改变，输入应该对用户可见

  <View style={MainView}>
        <View style={subMain1}>
            <View style={{flex:1,backgroundColor:'#add264'}}></View>
            <View style={{flex:1,backgroundColor:'#b7d778'}}></View>
            <View style={{flex:1,backgroundColor:'#c2dd8b'}}></View>
        </View>
        <View style={subMain2}>
            <View style={{flex:1,backgroundColor:'#cce39f'}}></View>
            <View style={{flex:1,backgroundColor:'#d6e9b3'}}></View>
            <View style={{flex:1,backgroundColor:'#69ee9a'}}>
                <TextInput placeholder="input field"/>
            </View>

        </View>
    </View>

}

我不太清楚您遇到了什么问题，但我最近一直在努力避免在我的应用程序中使用键盘查看-出于某种原因，本机组件无法正常工作

查看此软件包-它为我实现了这一点，并提供了一些很酷的定制功能：

我不太清楚您遇到了什么问题，但我最近一直在努力避免在我的应用程序中使用键盘查看-出于某种原因，本机组件无法正常工作

查看此软件包-它为我实现了这一点，并提供了一些很酷的定制功能：

---

我刚刚找到了答案

我只需要使用固定高度的主容器和内部，我可以使用flex布局。若键盘隐藏了内容，那个么我们可以使用Scrollview，当用户点击输入时，它将允许滚动界面

---

这帮助我希望它能帮助其他人。：）

我刚刚找到了答案

我只需要使用固定高度的主容器和内部，我可以使用flex布局。若键盘隐藏了内容，那个么我们可以使用Scrollview，当用户点击输入时，它将允许滚动界面

---

这帮助我希望它能帮助其他人。：）

使用“react native keyboard aware scroll view”（反应本机键盘感知滚动视图），并将其保留为父视图，并将所有视图放在该视图中。此节点模块创建scrollview，并侦听键盘显示事件并自动滚动屏幕，以便用户可以看到输入框，而无需将其隐藏在软键盘后面。

使用“react native keyboard aware scroll view”（反应本机键盘感知滚动视图），将其保留为父视图，并将所有视图放在该视图中。此节点模块创建scrollview，并侦听键盘显示事件，并自动滚动屏幕，以便用户可以看到输入框，而无需将其隐藏在软键盘后面

MainView:{
    flex:1,
    backgroundColor:'green'
},
subMain1:{
    flex:1,
    backgroundColor:'blue'
},
subMain2:{
    flex:1,
    backgroundColor:'orange'
}