উপাদানটির সাহায্যে দর্শনগুলির মধ্যে কাস্টম নেভিগেশন সহ একটি ডেমো অ্যাপ্লিকেশন বিকাশের সময় আমি প্রতিক্রিয়াশীল নেটিভের সম্ভাবনাগুলি অন্বেষণ করছি ।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
@ নিরবিচ্ছিন্নভাবে এই উদাহরণটি ডক্সে নেভিগেটর পৃষ্ঠায় অন্তর্ভুক্ত করা উচিত । এটি আরও সম্পূর্ণ এবং নেভিগেটর উপাদানটিকে প্রসঙ্গে কীভাবে ব্যবহার করতে হয় তার আরও ভাল চিত্র দেয়।
—
Greatwitenorth
আপনার উদাহরণটি চেষ্টা করে দেখুন, কোনও নেভিগেটর ধাক্কা দেওয়ার পরে দৃশ্যটি কী স্বয়ংক্রিয়ভাবে পরিবর্তিত হওয়া উচিত? আমার জন্য আপনার উদাহরণ কখনই ফিড ভিউ প্রদর্শন করে না! পাঠ্য, তাই আমি ভাবছি সাম্প্রতিক সংস্করণগুলির সাথে কিছু পরিবর্তন হয়েছে।
—
ইয়ান