Reagieren Navigation: Dynamische Titel nicht geändert

Question

Ich versuche, dynamisch den Titel meiner react-navigation Navigationsleiste zu ändern:

componentDidMount() { 
    InteractionManager.runAfterInteractions(() => 
     this.props.navigation.setParams({ title:"New Title" }); 
    }); 
} 

Obwohl ich diese Funktion überprüfen können, heißt, wird die Navigationsleiste nicht auf „Neu ändern Titel."

Übergeben Sie das falsche Objekt in die setParams()-Funktion?

Answer 1

reagieren Navigation liest nicht den Titel aus dem params Objekt. Es verwendet die statische Eigenschaft navigationOptions für die Komponente.

Sie können diese Eigenschaft auf eine Funktion eingestellt:

static navigationOptions = ({navigation}) => { 
    title: navigation.state.params.title 
} 

Wenn Sie dann den param der Titel ändern sollte eingestellt.