React native不会显示来自其他js文件的视图

Question

大家好，我是新来的来回应本机我只是盯着学习。

我与试图反应本地人，我已经研究过它，现在我正在努力学习它，这是我第一天在此，

我刚刚创建反应过来本地项目，并创建了一个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'

Answer 1

进口homecomponent执行这两个以下的事情：

首先，在index.android.js文件，从 './homecomponent'到更新进口康波从'./homecomponent'导入homecomponent

其次，在同一个文件中，更新你的视图内的返回组件。只需添加视图并在其中将组件名称重命名为家庭组件。

Answer 2