React native不会显示来自其他js文件的视图
问题描述:
大家好,我是新来的来回应本机我只是盯着学习。React native不会显示来自其他js文件的视图
我与试图反应本地人,我已经研究过它,现在我正在努力学习它,这是我第一天在此,
我刚刚创建反应过来本地项目,并创建了一个js文件和写视图中创建JS和index.android.jd导入,但它显示默认视图
这里是代码
index.android.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import Compo from './homecomponent'
export default class AwesomeProject extends Component {
render() {
return (
<Compo/>
);
}
}
AppRegistry.registerComponent('AwesomeProject',()=> AwesomeProject);
和homecomponent是遵循
import {
AppRegistry,
StyleSheet,
Text,
View,
ToolbarAndroid,
TouchableHighlight
} from 'react-native';
export default class homecomponent extends Component
{
render()
{
return(
<view style={styles.container}>
<ToolbarAndroid style={styles.toolbar0}
title="counter demo"/>
<Text>WOWWWW</Text>
<TouchableHighlight
style={ styles.button} >
<Text style={styles.buttontext}>increment</Text>
</TouchableHighlight>
</view>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent:'center',
alignItems: 'center',
},
button:{
backgroundColor:'deepskyblue',
borderwidth:1,
alignItems:'center',
justifyContent:'center',
alignSelf:'stretch',
height:50,
margin:10,
borderRadius:3
},
buttontext:{
fontSize:20,
color:'#FFF'
},
toolbar: {
alignSelf: 'stretch',
height: 50,
backgroundColor: 'silver',
},
text: {
fontSize:20,
},
cancelButton: {
backgroundColor: '#696969',
},
});
请给我suggesction为什么认为不android.I更新停留在从早上这个问题。从 './HomeCompo'
答
进口homecomponent执行这两个以下的事情:
首先,在index.android.js文件,从 './homecomponent'到更新进口康波从'./homecomponent'导入homecomponent
其次,在同一个文件中,更新你的视图内的返回组件。只需添加视图并在其中将组件名称重命名为家庭组件。
+0
已更新question.but给出解决方案也不工作不工作 –
尝试通过更改此行'从/.component'导入Compo从'./homecomponent'导入homecomponent;' –