打開鍵盤推高了我的整體視野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>
    );
  }
}