您的位置:首页 > Web前端 > React

React-Native引用自定义组件

2016-10-24 16:09 579 查看
自定义组件LoginView:

import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';

export default class LoginView extends Component {
render() {
return (
<View style={styles.container}>
<Text>aaa</Text>
</View>
);
}
}

const styles = StyleSheet.create({

container:{
flex:1,
backgroundColor:'red',
alignItems:'center',
justifyContent:'center',
},

});
// 输出,这里千万别忘记
module.exports = LoginView;


在index.ios.js文件中代码如图:



如上操作即可
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: