React-Native引用自定义组件

最新推荐文章于 2024-09-12 14:01:06 发布

原创最新推荐文章于 2024-09-12 14:01:06 发布 · 5k 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的React Native自定义组件LoginView的实现方法。该组件使用了基本的视图和文本元素，并设置了样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义组件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;