Question

react native 怎么跳转界面

Answer 1

//...
<Navigator
ddebugOverlay={false}
initialRoute={{ title: 'Main', id:'http'}}
configureScence={{ configureScence }}
renderScene={renderSceneAndroid}
/>

var _navigator; //全局navigator对象
//...
renderSceneAndroid: function(route, navigator){
_navigator = navigator;

if(route.id === 'http'){
return (
<HttpView navigator={navigator} route={route} />
);
}

if(route.id === 'shop'){
return (
<ShopView navigator={navigator} route={route}/>
);
}

//...
// 调用push 跳转
<TouchableOpacity onPress={ () => _navigator.push({title:'Http',id:'http'}) } style={ styles.button }>
<Text>NetWork</Text>
</TouchableOpacity>