看了好多教程,真的头大呀!不是写的很繁琐就是直接照搬Facebook的代码,看着真够头大的,还是直接上代码吧!
你的第一个文件,引入NavigatorIOS(相当于navigationController)
import React, { Component } from 'react';
var SearchScreen = require ('./SearchScreen');//导入你写的rootviewcontroller。
import {
AppRegistry,
StyleSheet,
Text,
View,
NavigatorIOS,
} from 'react-native';
class NavigatorDemo extends Component {
render() {
return (
<NavigatorIOS
style={styles.container}
initialRoute={{
title:'movies',//这是navigationController的title。
component:SearchScreen,//注释:这里是要写的是相当于iOS开发里navigationController的rootViewController页面。
}}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
},
});
AppRegistry.registerComponent('NavigatorDemo', () => NavigatorDemo);
这里是你的rootviewcontroller。
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
class SearchScreen extends Component{
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>131231232
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: 'white',
top:64,
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
});
module.exports = SearchScreen;