Question

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

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

我在这里想念什么？

Answer 1

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

进行了变通

android:windowSoftInputMode="adjustNothing"位于MainActivity上AndroidManifest.xml的{{1}}

Answer 2

您必须在app.json文件中将透明设置为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>
    );
  }
}

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

2 个答案: