Bileşenin yardımıyla görünümler arasında özel gezinme özelliğine sahip bir demo uygulaması geliştirirken React Native'ın olanaklarını araştırıyorum .Navigator
Ana uygulama sınıfı navigatörü ve iç renderScenedönüşleri geçen bileşeni oluşturur:
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 });
}
}}
/>
);
}
}Şimdilik uygulama iki görünüm içeriyor:
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>
);
}
}Ne bulmak istiyorum:
Günlüklerde, "beslemeye git" düğmesine basarken
renderScenegörünümün bir kez doğru görüntülenmesine rağmen birkaç kez çağrıldığını görüyorum . Animasyon böyle mi çalışıyor?index.ios.js:57 Object {name: 'WelcomeView', component: function} index.ios.js:57 Object {name: 'FeedView', component: function} // renders Feed ViewGenel olarak yaklaşımım Tepki yoluna uyuyor mu yoksa daha iyi yapılabilir mi?
Ulaşmak istediğim şey NavigatorIOS, gezinme çubuğu olmadan da benzer bir şey (ancak bazı görünümlerin kendi özel gezinme çubuğu olacaktır).
1
@ericvicenti bu örnek dokümanlardaki Gezgin sayfasında bulunmalıdır . Daha eksiksizdir ve Navigator bileşeninin bağlam içinde nasıl kullanılacağına dair daha iyi bir resim verir.
—
greatwitenorth
Sadece örneğinizi denemek, bir gezgin itme gerçekleştiğinde sahne otomatik olarak değişmeli mi? Benim için örneğin hiçbir zaman Feed Görünümü'nü göstermiyor! metni, bu yüzden son sürümlerde bir değişiklik olup olmadığını merak ediyorum.
—
Ian