ich Möglichkeiten React Native erkunde, während eine Demo-Anwendung mit benutzerdefinierter Navigation zwischen den Ansichten mit Hilfe von Navigator Komponente Entwicklung - http://facebook.github.io/react-native/docs/navigator.html#contentReact-Native - Individuelle Navigation mit Navigator Komponente
Die wichtigste app Klasse macht Navigator und innerhalb renderScene kehrt bestanden Komponente:
class App extends React.Component {
render() {
return (
<Navigator
initialRoute={{name: 'WelcomeView', component: WelcomeView}}
configureScene={() => {
return Navigator.SceneConfigs.FloatFromRight;
}}
renderScene={(route, navigator) => {
// count the number of func calls
console.log(route, navigator);
if (route.component) {
return React.createElement(route.component, { navigator });
}
}}
/>
);
}
}
Vorerst enthält ca. 2 Aufrufe:
class FeedView extends React.Component {
render() {
return (
<View style={styles.container}>
<Text>
Feed View!
</Text>
</View>
);
}
}
class WelcomeView extends React.Component {
onPressFeed() {
this.props.navigator.push({
name: 'FeedView',
component: FeedView
});
}
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome View!
</Text>
<Text onPress={this.onPressFeed.bind(this)}>
Go to feed!
</Text>
</View>
);
}
}
Was ich herausfinden will, ist -
ich in Protokollen sehen, dass, wenn die Taste „gehen zu füttern“
renderScenemehrfach aufgerufen wird, obwohl die Ansicht einmal korrekt macht. Funktioniert die Animation?index.ios.js:57 Object {name: 'WelcomeView', component: function} index.ios.js:57 Object {name: 'FeedView', component: function} // renders Feed ViewIm Allgemeinen hat mein Ansatz die Art und Weise reagieren entspricht, oder es kann besser gemacht werden?
Was ich erreichen will, ist etwas ähnliches wie NavigatorIOS aber ohne Navigationsleiste (jedoch einige Ansichten werden ihre eigene benutzerdefinierte Navigationsleiste haben).
@ericvikenti dieses Beispiel sollte auf der [Navigator-Seite] (https: //facebook.github .io/react-native/docs/navigator.html # Inhalt) in den Dokumenten. Es ist vollständiger und gibt ein besseres Bild davon, wie die Navigator-Komponente im Kontext verwendet wird. – greatwitenorth
Wenn Sie Ihr Beispiel ausprobieren, sollte sich die Szene automatisch ändern, wenn ein Navigator Push passiert? Für mich zeigt Ihr Beispiel nie die Feed-Ansicht! Text, also frage ich mich, ob sich etwas mit den letzten Versionen geändert hat. – Ian