避免在键盘打开时将屏幕推入状态栏

时间:2019-08-13 12:34:41

标签: react-native keyboard react-native-android statusbar

打开键盘并按下键盘上的下一个按钮时,屏幕将被推入状态栏,从而使状态栏和屏幕的内容在React Native Android中变得重叠 。我正在使用 react-native-router-flux版本0.49.2

react-native-router-flux版本0.4.6

  1. 我曾尝试使用键盘避免视图,但没有成功。
  2. 我还尝试设置 android:windowSoftInputMode =“ adjustResize” ,但使用它会将我的标签栏推到键盘上。
  3. 组合使用 android:windowSoftInputMode =“ adjustResize | adjustPan” ,但是不会将屏幕推到状态栏上方,而是会使我的屏幕自动滚动,因此用户必须手动滚动。

StatusBar组件

<StatusBar translucent={true} hidden={false} backgroundColor={'rgba(0,0,0,0.0)'} barStyle={"light-content"}/>

这就是我在课堂上使用它的方式。

<View style={{flex:1}>
       <StatusBar/>
       <Header/>
       <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
        <TextInput/> //here i have multiple textinput fields
       </ScrollView>
   </View>

预期结果应为“屏幕应位于状态栏下方而不是上方”。

0 个答案:

没有答案