react-navigationタブをタップした時に、Stackをリセットする。

More than 1 year has passed since last update.

react-navigationでは、タブを切り替えても、タップしても、Stackは保存される。
使いにくいんじゃ！

そこで、
resetOnBlur: true
を設定する。

const TabNavigator = createBottomTabNavigator(
  {
    HomeScreen,
    SettingsScreen,
  },
  {
    resetOnBlur: true
  }
)

タブをタップすると、各Tabの初期Screenが表示されるようになる。

役に立ったらいいねください

React Native製アプリのヤミーを運営しています。Expo製なので、expoを実務で使う前にインストールしてみて下さい。https://play.google.com/store/apps/details?id=com.kabainc.yummy&hl=ja

Why not register and get more from Qiita?

We will deliver articles that match you
By following users and tags, you can catch up information on technical fields that you are interested in as a whole
you can read useful information later efficiently
By "stocking" the articles you like, you can search right away