मैं घटक की मदद से विचारों के बीच कस्टम नेविगेशन के साथ एक डेमो ऐप विकसित करते हुए रिएक्ट नेटिव की संभावनाएं तलाश रहा हूं ।Navigator
मुख्य ऐप क्लास नाविक को प्रस्तुत करता है और renderSceneरिटर्न रिटर्न घटक पारित होता है:
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 });
}
}}
/>
);
}
}
अभी के लिए ऐप में दो दृश्य हैं:
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>
);
}
}
मैं यह जानना चाहता हूं:
मैं लॉग में देखता हूं कि जब "फीड पर जाएं" दबाया
renderSceneजाता है तो कई बार कहा जाता है, हालांकि दृश्य एक बार सही तरीके से प्रस्तुत होता है। क्या यह है कि एनीमेशन कैसे काम करता है?index.ios.js:57 Object {name: 'WelcomeView', component: function} index.ios.js:57 Object {name: 'FeedView', component: function} // renders Feed Viewआम तौर पर मेरा दृष्टिकोण प्रतिक्रिया मार्ग के अनुरूप होता है, या क्या यह बेहतर किया जा सकता है?
मैं जो हासिल करना चाहता हूं NavigatorIOSवह नेविगेशन बार के समान है (हालांकि कुछ विचारों का अपना कस्टम नेविगेशन बार होगा)।
1
@ericvicenti इस उदाहरण को डॉक्स में नेविगेटर पेज पर शामिल किया जाना चाहिए । यह अधिक पूर्ण है और संदर्भ में नेविगेटर घटक का उपयोग करने का एक बेहतर चित्र देता है।
—
महानवित्नर्थ
बस अपने उदाहरण की कोशिश करते हुए, जब नाविक धक्का होता है तो क्या दृश्य स्वचालित रूप से बदल जाना चाहिए? मेरे लिए आपका उदाहरण कभी भी फीड दृश्य नहीं दिखाता है! पाठ, इसलिए मुझे आश्चर्य हो रहा है कि क्या हाल के संस्करणों के साथ कुछ बदल गया है।
—
इयान