android - React Native Android - 我如何*停止* 在 Modal 中自动调整大小？

Question

RN的版本是0.41.2

有谁知道如何停止使用 flexbox 调整大小的 View ，如果其中一个 View 中使用了 TextInput 元素，则不会自动“缩小”它们的高度？通过示例进行说明可能更容易，为了清楚起见，您可以看到这些 View 嵌套在 <Modal> 中。 .

这是没有打开键盘时的 View 。两者都一样。

这是当 TextInput 获得焦点时发生的情况。我不希望这些 View 在键盘上方进行调整。我希望黄色和蓝色的 View 保持“全尺寸”——完全如 iOS 屏幕截图所示。

同样的代码，在 iOS 上，不会移动/调整 View (在键盘上方)。这也是我想要在 Android 上实现的行为。

这是示例渲染方法代码。它只是一个标准模板 RN 项目，更改了渲染方法以对此进行测试。

我尝试插入 android:windowSoftInputMode="adjustNothing"进入 AndroidManifest.xml 但没有效果。我确定这只是一个 Prop 或其他 list 设置。希望有人能告诉我？

render() {
 return (
  <View style={styles.container}>
     <Modal
        animationType={'slide'}
        transparent={false}
        onRequestClose={() => console.log('sd')}
     >
        <View style={{flex:1, backgroundColor: 'lightgrey'}}>

           <View style={{
              //height:300, 
              flex: 1, 
              backgroundColor: 'yellow',
              alignItems: 'center', 
              justifyContent: 'center',
           }}>
                 <View style={{
                    margin: 10,
                    //height:100, 
                    width: 200,
                    justifyContent: 'center',
                    backgroundColor: 'green'}}>
                    <TextInput style={{height: 40, backgroundColor: 'orange'}}     />

                 </View>
           </View>

           <View style={{
                 //height:200, 
                 flex: 1,
                 backgroundColor: 'blue', 
           }}>

           </View>
        </View>
     </Modal>
  </View>
  );
 }

Answer 1

您是否尝试将所有内容包装在一个 ScrollView 中，然后再包装一个子 KeyboardAvoidingView？