打开键盘推高了我的整体视野React-Native

Question

我有一个简单的天气应用程序，可以帮助自学React-Native。 我已经完成了应用程序的大部分工作，但是我无法解决键盘推高视图中所有元素的问题，这使得在输入文本字段时布局非常难看。 我想打开键盘，只将其放在屏幕底部的组件上，而不要向上推。

我已经读过，更改android:windowSoftInputMode="adjustResize"应该通过SO上的其他问题来解决我的问题。 我尝试同时更改为adjustPan和adjustNothing但是我的应用程序行为没有任何变化。 KeyboardAvoidingView组件在这里无济于事，因为我需要View组件执行相反的操作。

我在这里想念什么？

Answer 1

为了获得所需的结果，我通过设置来解决

android:windowSoftInputMode="adjustNothing"上MainActivity中AndroidManifest.xml位于\\android\\app\\src\\main\\AndroidManifest.xml

Answer 2

您必须在app.json文件中将translucent设置为false。

"androidStatusBar": {
      "hidden": false,
      "translucent": false,
      "iosBarStyle": "light-content",
      "barStyle": "light-content",
      "backgroundColor": "#colorCode"
    }

或者，如果您还想要半透明的状态栏，请在App.js中使用

import {StatusBar} from 'react-native'

class App extends Component {
  render() {
    return (
          <View style={{ flex: 1 }}>
            <View
              style={{
                backgroundColor: '#colorCode',
              }}
            >
              <StatusBar backgroundColor="#colorCode" barStyle="light-content" />
            </View>
            <OtherComponent..... />
          </View>
    );
  }
}