React Native Navigatorでタイトルを変更する方法

@iwasaki 9views 更新:2017年8月4日

注意点

似たようなモジュールがたくさんあるので、自分がどれを使っているか把握しておく必要があります。

react-community/react-navigation

GitHub

https://github.com/react-community/react-navigation

Docs

https://reactnavigation.org/docs/navigators/navigation-options

facebook/react-native

GitHub

https://github.com/facebook/react-native/tree/master/Libraries/Components/Navigation

Docs

https://facebook.github.io/react-native/docs/navigation.html

wix/react-native-navigation

上記2つのモジュールはどちらも貧弱なので、これがオススメです。

GitHub

https://github.com/wix/react-native-navigation/

これを使うと、タイトルの変更が

        this.props.navigator.setTitle({
          title: 'My Title',
        });

で実現できます。

https://github.com/wix/react-native-navigation/blob/0c4d40bd23261055199e8c488cd6bf348003de03/src/Screen.js#L79

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません