1.首先AppRegistry是用来表示RN的入口;
2.入口文件是index.js
3.更改入口js,只需要更改AppRegistry的注册组件.
*这里有坑,很容易出现错误.
Uncaught Error: Invariant Violation: Element type is invalid: expected a string
首先,检查入口的控件类名有没问题(把入口从./App改为./index.ios),有没有export出来.然后
import {MyNavigatior} from './index.ios'; AppRegistry.registerComponent('your project name', () => MyNavigatior);
还有,没有用到的控件不要注册,要不也会报错
一个js文件可以有多个class,但是只能有一个export出来,注册组件就是注册export出来的那个class
还有一种写法:
require('./appPage/HomePageTabbarHidden')
这样会自动注入路径的js控件的export class.效果和上述一样(组件内不要忘记注册).
参考:https://stackoverflow.com/questions/36501856/uncaught-error-invariant-violation-element-type-is-invalid-expected-a-string
相关推荐
`example.js` 文件则可能是这个ReactNative应用的入口点。在JavaScript的世界里,入口文件通常是启动应用的地方,它会导入并渲染`App`或`Root`组件,而在这个案例中,`AlertSelected.js`组件可能会被引入并在`...
4. 初始化友盟推送:在React Native的入口文件(如`index.js`)中,添加初始化代码: ```javascript import { AppRegistry } from 'react-native'; import App from './App'; import { name as appName } from ...
import { AppRegistry, Font } from 'react-native'; import App from './App'; import { name as appName } from './app.json'; Font.loadAsync({ '@iconfont': require('./assets/fonts/@iconfont.ttf'), })....
这个“reactnative初始工程”应该是一个基本的项目模板,可以帮助初学者快速入门React Native的开发环境搭建和基本应用构建。 在React Native中,"firstProject"可能是指你的第一个项目文件夹,里面包含了所有必要...
为了保持代码组织清晰,可以在这两个目录的同级位置创建一个名为`ReactNative`的新目录,用来存放React Native的代码。 在Android工程中集成React Native,你需要修改`build.gradle`文件。在项目级别的`build....
描述中提到的"包含所有需要的库",这些库可能包括React Native的核心库,如React和React-Core,以及其他可能的依赖,如React-Navigation用于导航,React-Redux或MobX进行状态管理,React- Native-Elements提供UI组件...
在进行混合开发时,即原生应用与React Native构建的界面共存时,常常需要通过不同的入口加载不同的页面。本文详细介绍了在React Native混合开发中实现多入口加载的不同方式。 首先,开发者会使用RCTRootView组件来...
总的来说,创建一个React-Native相册应用涉及到多个技术层面,包括文件选择、状态管理、UI设计、错误处理以及平台差异处理。通过合理地组合和配置上述提及的库和工具,你可以构建出功能完备、用户体验良好的本地相册...
本篇文章将深入探讨如何使用React Native的Android Navigator,以及`NewsList.js`、`NewsLists.js`和`index.android.js`这些文件在导航中的作用。 首先,`Navigator`组件是React Native提供的一个核心组件,主要...
ReactNative提供了一套完整的API和生命周期方法来处理这些问题,如`useState`和`useEffect`钩子函数用于状态管理和副作用处理,`propTypes`和`defaultProps`用于类型检查和默认值设定。 总之,ReactNative组件注册...
遵循官方文档的[开发环境搭建教程](https://reactnative.dev/docs/getting-started)进行配置。 2. 安装React Native命令行工具,可以通过全局安装`react-native-cli`来完成:`npm install -g react-native-cli`。 *...
这些特性在React Native环境中是完全支持的,无需考虑浏览器兼容性问题。如果你不熟悉ES2015,可以参考阮一峰老师的书籍和相关社区的资源进行学习。 最后,这段简单的"Hello World"示例可能看起来并不复杂,但它是...
`AppRegistry`是React-Native中的重要组件,用于注册应用的入口点。 在样式方面,React-Native支持内联样式和类样式。内联样式使用两个不同的大括号,第一个表示JavaScript语法,第二个用于JSX组件。`StyleSheet....
该项目是一个基于React-Native框架...通过这个项目,学生可以深入学习React-Native的开发,理解如何利用JavaScript和React组件模型构建移动应用,同时还能接触到项目管理、数据库设计和API接口集成等实际开发中的问题。
import { AppRegistry, Text, View } from 'react-native'; export default function App() { return ( , justifyContent: 'center', alignItems: 'center' }}> <Text>Hello World ); } AppRegistry....
2. **index.js**:入口文件,应用启动时首先执行的代码,通常包含React Native的AppRegistry注册应用组件。 3. **App.js** 或类似文件:应用的主要组件,定义了应用的UI结构和逻辑。 4. **src** 目录:存放应用的...
在这里,你可能会看到类似`AppRegistry.registerComponent`的代码,它是React Native启动应用的关键。 3. **App.js**或类似命名的文件:这是应用的主要组件,通常包含了应用的布局和逻辑。React组件是可重用的代码...
2. `index.js`:项目的入口文件,通常包含App组件的定义和React Native的AppRegistry注册。 3. `src`目录:源代码目录,可能包含各种组件(如`Header`, `Menu`, `RestaurantDetail`等)、样式表(`.css`或`.js`文件...
"react-native-app-main"可能是指项目的主入口文件或者核心模块,通常在React Native项目中,这个文件可能是`index.js`或`App.js`,它是整个应用的起点。在这个文件中,开发者会定义应用的基本结构,包括导入必要的...