ReactNative 调用软键盘时将底部导航栏或者底部position样式顶飞

在开发文本输入框时遇到这样一个问题

输入框获取焦点调用软键盘时 底部的导航栏被顶了起来 样式极其丑陋。

个人感觉应该时tabbar脱离了文档流 在使用其他的app开发工具时也经常遇到

解决办法

根据路径
android/app/src/main/AndroidManifest.xml，修改android:windowSoftInputMode的属性值

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
  package="com.awesomeproject">

    <uses-permission android:name="android.permission.INTERNET" />

    <application
      android:name=".MainApplication"
      android:label="@string/app_name"
      android:icon="@mipmap/ic_launcher"
      android:roundIcon="@mipmap/ic_launcher_round"
      android:allowBackup="false"
      android:theme="@style/AppTheme">
      <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode"
        android:launchMode="singleTask"
//原内容        
android:windowSoftInputMode="adjustResize"
//修改后        android:windowSoftInputMode="stateAlwaysHidden|adjustPan">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />
            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
      </activity>
    </application>
</manifest>

重启代码 ，问题解决

如果有想加入前端交流群的同学 可以在下面留言或者 私聊我 拉你进群 一起学习