バックボタンのラベル、反応ナビゲーションの変更方法

Question

反応ナビゲーションを使用していて、デフォルトの「戻る」ボタンのロケールを変更できません。

私のスタック・ナビゲータでは、メイン・ページのタイトルを書き留めて、長すぎない場合は、「戻る」ではなくページ・タイトルを表示します。

export const Root = StackNavigator({ 
Index: { 
    screen: Index, 
    navigationOptions: ({ navigation }) => ({ 
     title: "My App name", //Not working when too long 
    }), 
}, 

どうすればいいですか？

Answer 1

あなたは戻るボタンのタイトルを制御するheaderBackTitle小道具を使用することができます。

headerBackTitleラベルを無効にするには、背面のiOS上のボタン、またはnullで使用

タイトル文字列。前のシーンのheaderTitle

例デフォルトは

const SomeNavigator = StackNavigator({ 
    Main: { screen: Main }, 
    Login: { 
    screen: Login, 
    navigationOptions: { 
     headerBackTitle: 'some label' 
    } 
    } 
});