मैं React Native की संभावनाओं को कर रहा हूँ, जबकि नेविगेटर घटक की मदद से विचारों के बीच कस्टम नेविगेशन के साथ एक डेमो एप्लिकेशन को विकसित - http://facebook.github.io/react-native/docs/navigator.html#contentप्रतिक्रिया-मूल निवासी - नेविगेटर घटक के साथ कस्टम नेविगेशन
मुख्य अनुप्रयोग वर्ग renders नाविक और renderScene
रिटर्न पारित कर दिया घटक के अंदर:
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>
);
}
}
:
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 });
}
}}
/>
);
}
}
के लिए अब एप्लिकेशन 2 बार देखा गया शामिल
क्या मैं यह पता लगाने के लिए चाहते है -
मैं लॉग में देख सकते हैं कि जब दबाने
renderScene
कई बार कहा जाता है, हालांकि दृश्य सही ढंग से एक बार renders "को खिलाने के लिए जाना"। क्या यह एनीमेशन कैसे काम करता है?index.ios.js:57 Object {name: 'WelcomeView', component: function} index.ios.js:57 Object {name: 'FeedView', component: function} // renders Feed View
आम तौर पर मेरी दृष्टिकोण रास्ता प्रतिक्रिया अनुरूप करता है, या यह बेहतर किया जा सकता है?
मैं क्या हासिल करना चाहते हैं NavigatorIOS
के लिए, लेकिन नेविगेशन पट्टी (हालांकि कुछ दृश्यों अपने स्वयं के कस्टम नेविगेशन पट्टी होगा) के बिना कुछ इसी तरह है।
@ericvicenti इस उदाहरण को [नेविगेटर पेज] (https: //facebook.github पर शामिल किया जाना चाहिए) दस्तावेज़ों में .io/प्रतिक्रिया-मूल/दस्तावेज़/navigator.html # सामग्री)। यह अधिक पूर्ण है और संदर्भ में नेविगेटर घटक का उपयोग करने के तरीके की एक बेहतर तस्वीर देता है। – greatwitenorth
बस अपना उदाहरण आज़माएं, क्या नेविगेटर पुश होने पर दृश्य स्वचालित रूप से बदलना चाहिए? मेरे लिए आपका उदाहरण फीड व्यू कभी नहीं दिखाता है! पाठ, इसलिए मैं सोच रहा हूं कि हाल के संस्करणों में कुछ बदल गया है या नहीं। – Ian