Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当文本输入集中在React Native for Android的底部工作表上时,视图将移出屏幕_Android_Reactjs_React Native_React Native Reanimated - Fatal编程技术网

当文本输入集中在React Native for Android的底部工作表上时,视图将移出屏幕

当文本输入集中在React Native for Android的底部工作表上时,视图将移出屏幕,android,reactjs,react-native,react-native-reanimated,Android,Reactjs,React Native,React Native Reanimated,我正在使用图书馆- 我在这张底纸上使用了TextInput。现在,当文本输入被聚焦或输入时,底部页面应该保持在相同的位置。它适用于iOS,如下面的屏幕截图所示 当我将文本输入集中在Android上时,底部的页面会随着键盘一起向上移动,如下面2个屏幕截图所示 (Android中的底页未聚焦) (下表以Android为中心) 我也尝试过将我的底页包装在键盘内,以避免出现gView及其相应的道具,但没有成功。使用AndroidManifest.xml中的android:WindowsOfInp

我正在使用图书馆-

我在这张底纸上使用了
TextInput
。现在,当文本输入被聚焦或输入时,底部页面应该保持在相同的位置。它适用于iOS,如下面的屏幕截图所示

当我将文本输入集中在Android上时,底部的页面会随着键盘一起向上移动,如下面2个屏幕截图所示

(Android中的底页未聚焦)

(下表以Android为中心)


我也尝试过将我的底页包装在键盘内,以避免出现gView及其相应的道具,但没有成功。

使用AndroidManifest.xml中的android:WindowsOfInputMode=“adjustPan”D

将设备屏幕的
高度设置为
底板的父容器。
示例代码:

从“重新激活的底部板材”导入底部板材
从“react native”导入{View as Container,Dimensions}
const{height}=Dimensions.get('window')//幻值。
常量屏幕=()=>(
{/*此处显示屏幕内容*/}
)
导出默认屏幕
  • 为世博会管理的工作流项目工作。当设置android:WindowsOfInputMode=“adjustPan”
  • 时,不可能在那里
  • height:100%
    对我不起作用(在GitHub上建议)

  • 我在项目中使用Expo Kit 38解决了相同的问题

    只需将此添加到app.json文件:

    "android": {
      "softwareKeyboardLayoutMode": "pan"
    }
    
    下面介绍如何将您的应用程序从37.0.0升级到Expo SDK 38.0.0:

  • 通过运行npm i-g expo cli更新expo cli
  • 在项目目录中运行
    expo-upgrade

  • 您可能想查看更多详细信息

    我正在使用expo,有什么想法吗?@mlister没有我不知道