ฉันสำรวจความเป็นไปได้ของการตอบสนองพื้นเมืองขณะที่การพัฒนาแอพพลิเคสาธิตที่มีระบบนำทางที่กำหนดเองระหว่างมุมมองด้วยความช่วยเหลือขององค์ประกอบ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>
);
}
}
สิ่งที่ฉันต้องการรู้คือ:
ฉันเห็นในบันทึกว่าเมื่อกด "go to feed"
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 ตัวอย่างนี้ควรรวมไว้ในหน้าเนวิเกเตอร์ในเอกสาร มันสมบูรณ์มากขึ้นและให้ภาพที่ดีขึ้นเกี่ยวกับวิธีการใช้องค์ประกอบ Navigator ในบริบท
—
greatwitenorth
เพียงลองตัวอย่างของคุณฉากควรเปลี่ยนโดยอัตโนมัติเมื่อมีการนำทางเกิดขึ้นหรือไม่ สำหรับฉันตัวอย่างของคุณจะไม่แสดงมุมมองฟีด! ข้อความดังนั้นฉันสงสัยว่ามีบางอย่างเปลี่ยนแปลงกับรุ่นล่าสุดหรือไม่
—
เอียน