React-Native引用自定义组件

自定义组件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>aaaText>
            View>
        );
    }
}

const styles = StyleSheet.create({

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

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

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

React-Native引用自定义组件_第1张图片


如上操作即可


你可能感兴趣的:(React-Native引用自定义组件)