我刚开始使用react-native并且正在构建这个示例应用程序:
xcode版本:6.2 操作系统:OS X 10.9.5 节点版本:0.10.28
index.ios.js
var React = require('react-native');
var Main = require('./App/Components/Main');
var {
AppRegistry,
StyleSheet,
Text,
NavigatorIOS,
View,
} = React;
var styles = StyleSheet.create({
container:{
flex: 1,
backgroundColor: '#111111'
},
});
class githubNotetaker extends React.Component{
render() {
return (
<NavigatorIOS
style={styles.container}
initialRoute={{
title: 'Github NoteTaker',
component: Main
}} />
);
}
};
AppRegistry.registerComponent('githubNotetaker', () => githubNotetaker);
Main.js
var React = require('react-native');
var {
View,
Text,
StyleSheet
} = React;
var styles = StyleSheet.create({
mainContainer: {
flex: 1,
padding: 30,
marginTop: 65,
flexDirection: 'column',
justifyContent: 'center',
backgroundColor: '#48BBEC'
},
title: {
marginBottom: 20,
fontSize: 25,
textAlign: 'center',
color: '#fff'
},
searchInput: {
height: 50,
padding: 4,
marginRight: 5,
fontSize: 23,
borderWidth: 1,
borderColor: 'white',
borderRadius: 8,
color: 'white'
},
buttonText: {
fontSize: 18,
color: '#111',
alignSelf: 'center'
},
button: {
height: 45,
flexDirection: 'row',
backgroundColor: 'white',
borderColor: 'white',
borderWidth: 1,
borderRadius: 8,
marginBottom: 10,
marginTop: 10,
alignSelf: 'stretch',
justifyContent: 'center'
},
});
class Main extends React.Component{
render() {
return(
<View style={styles.mainContainer}>
<Text> Testing the Router </Text>
</View>
)
}
};
module.exports = Main;
错误
我无法解释为什么它无法定位Main.js模块。
答案 0 :(得分:0)
那么,
问题没什么不同。
在我的文件index.io.js中,我将我的类命名为githubNotetaker,而项目目录名称是githubNoteTaker。我把我的班级名改为githubNoteTaker。
还有一件事要补充,我的教程也没有提及,我必须使用命令npm start启动npm serve。我做到了,应用程序像魅力一样工作