2017-04-16 4 views
1

Mit diesem Beispiel https://reactnavigation.org/docs/intro/ es muss wie folgt arbeiten:Warum funktioniert der dynamische Header von react-navigation nicht?

static navigationOptions = ({ navigation }) => ({ 
    title: `Chat with ${navigation.state.params.user}`, 
}); 

aber Funktion ruft nicht

AKTUALISIERT:

export default class MainMap extends React.Component { 
    ... 
    onMarkerPress(marker) { 
     this.props.navigation.navigate('Description', marker); 
    } 
... 
} 

export default class Description extends Component { 
    static navigationOptions = ({ navigation, screenProps }) => ({ 
    title: navigation.state.params.item.name + "'s Profile!" 
    }); //No text in the header 
... 
} 
+0

Ich half dabei, diesen Teil des Tutorials neu zu schreiben, und habe immer noch ein Beispielprojekt, das den Code gut laufen lässt. Können Sie den Rest Ihres Codes posten? Vielleicht wurde etwas falsch kopiert. –

+0

aktualisiert -------------- –

+0

Odd, ich habe den Beispielcode für dieses Tutorial geändert, um das zu tun, was Sie tun, und es funktioniert. Was ist in deinem "Marker" -Objekt? Sieht es ungefähr so ​​aus? '{item: {name: 'Lucy'}}' Wenn du dann _Nein Text in der Kopfzeile_ sagst, bekommst du nicht einmal 's Profil'? –

Antwort

0

reagieren-Navigation schnell entwickelt sich weiter, stellen Sie sicher, dass Sie das haben letzte Version.

Für Ihren Fall

static navigationOptions = ({ navigation }) => ({ ...,

Diese v1.0.0-beta.9 bei Version unterstützt wird. Stellen Sie sicher, dass Ihre Version nicht älter ist.

Verwandte Themen