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（＆＃39; AwesomeProject＆＃39;，（）=＆gt; 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',
},
});

请给我一个建议，为什么视图没有在android中更新。我从早上开始坚持这个问题。

Answer 1

从'./HomeCompo'

导入homecomponent

Answer 2

执行以下两项操作：

首先，在index.android.js文件中，将导入Compo从'./homecomponent'更新为从'./homecomponent'导入主页组件

其次，在同一个文件中，更新视图中的返回组件。只需添加视图，然后将组件名重命名为 homecomponent 。

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

2 个答案: