Wie ändere ich die Zurück-Taste Beschriftung, Reagieren-Navigation

Question

Ich benutze react-Navigation, und ich kann nicht das Gebietsschema der Standard-Schaltfläche "zurück" ändern.

In meinem Stack Navigator, wenn ich einen Titel für die Hauptseite aufschreibe, und wenn es nicht zu lang ist, zeigt es den Seitentitel anstelle von 'zurück' an.

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

Wie kann ich das tun?

Answer 1

können Sie headerBackTitle prop verwenden Zurück-Taste Titel zu steuern.

headerBackTitle

Titel Zeichenfolge durch die Zurück-Taste auf iOS verwendet, oder null Etikett zu deaktivieren. Standardmäßig wird die vorherige Szene headerTitle

Beispiel

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