React Naitve 如何指定入口文件_react native 入口文件-优快云博客

本文介绍了如何在React Native项目中创建自定义样式，并通过一个简单的例子演示了如何使用这些样式。具体步骤包括新建文件夹及样式文件，然后在项目的入口文件中引入并应用这些样式。

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

一般新创建的RN项目基本就是以index文件作为入口文件，在此文件里可以更换组件~

第一步：在项目的根目录下新建一个自己的文件夹，我创建的是my_pages ,我们来创建一个自己的测试样式的MyStyle.js文件，编辑自己的文件内容...

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


 class MyStyle extends Component{
    render() {
        return(
          <View>
              <Text style={styles.red}>hello red</Text>
              <Text style={styles.bigblue}>hello bigblue</Text>
          </View>
        );
    }
}
//创建自己的样式组
const styles=StyleSheet.create({
    bigblue:{
        color:'blue',
        fontWeight:'bold',
        fontSize:30
    },
    red:{
        color:'red'
    },
});

// 默认导出MyStyle组件（这是指定组件的关键）
export default MyStyle

第二步：找到index.js文件，修改如下（注意指定文件夹下面的文件），可以左键点击类名，跳转查看

import { AppRegistry } from 'react-native';
import MyStyle from './my_pages/MyStyle';


AppRegistry.registerComponent('Hello', () => MyStyle);

效果图：

好啦，完成了。