web-dev-qa-db-ja.com

Reactキーボードを開くときにそれ自体を押すネイティブボトムタブバー

CreateBottomTabNavigatorを使用しています。一部のタブには上部の検索バーが含まれています。その検索バーをクリックしている間、キーボードを開いています。しかし、キーボードは下部タブバーを押し上げます。キーボードを開くときは、下部のタブバーが残っています。

  1. 私が試したソリューションの1つは、Androidマニフェストでは、Androidを変更しました.WindowsoftInputMode = "AdjustPan"または "AgugeOthing"。それは期待どおりうまく機能しています。しかし、私たちは「addustressizes」を必要とする別のタブでチャットレイアウトを使用しています。だから私はWindowsOftInputModeのために "addustressizes"を維持する必要があります。
  2. 別の解決策として、私はコンポーネント自体内のWindowsOftInputModeを変更しようとしました。 SO私はこれを試してみました https://www.npmjs.com/package/React-native-android-keyboard-Adjust 。しかし使用なし。
  3. 別のものとして、私はここに記載されているようなTabbarComponentを作成しようとしました https：//github.com/react-navigation/react-navigation/issues/618 。しかし期待通りに機能しない。
_const SignedIn = createBottomTabNavigator(
  {
    Followers: {
      screen: FollowerStack,
      ...
    },
    Search: {
      screen: SearchStack,
    },
    Home: {
      screen: HomeStack,
    },
    Bookmarks: {
      screen: BookmarkStack,
    },
    Profile: {
      screen: ProfileStack,
    }
  },
  {
    initialRouteName: "Home",
    tabBarPosition: 'bottom',
    swipeEnabled: false,
    animationEnabled: false,
    tabBarOptions: {
      keyboardHidesTabBar: true,
      showIcon: true,
      showLabel: false,
      activeTintColor: "red",
      inactiveTintColor: "gray",
      adaptive: true,
      safeAreaInset: {
        bottom: "always"
      },
      style: {
        position: 'relative',
        backgroundColor: "#F9F8FB",
        height: TAB_NAVIGATOR_DYNAMIC_HEIGHT,
        paddingTop: DeviceInfo.hasNotch() ? "5%" : "0%",
        minHeight: TAB_NAVIGATOR_DYNAMIC_HEIGHT,
        width: '100%',
        bottom: 0
      }
    }
  }
);
_
  1. 下部に下のタブバーを粘着させるための他のプロパティが存在していますか？また
  2. インサイドコンポーネントからAndroidマニフェストWindowSoftInputModeを変更することは可能ですか？他のコード部分を参照する必要がある場合は、以下にコメントしてください。助けてくれてありがとう。
javascriptandroidreact-nativereact-native-androidbottomnavigationview
7
Dhevendhiran M

AndroidManifest.xmlファイルに移動して、内部を変更/追加/追加します。activityタグ：

Android:windowSoftInputMode="adjustPan"
2
Idan

私はこの問題の解決策を得ました。以前は、「React-Native-Android-Keyboard-Adjust」を設定しながら、わずかな間違いをしました。今作業しています。そのため、このライブラリを使用して特定のコンポーネントの「WindowsoftInputMode」を変更できます https：//www.npmjs.com/package/React-native-android-keyboard-Adjust

0
Dhevendhiran M