%20(2).svg)
项目简介
本项目是基于 React Native 框架构建的移动应用基础框架，可用于快速搭建 React Native 项目。它涵盖路由导航、别名配置、全局通信、代码规范检查、存储机制等基础功能配置，为后续应用开发奠定良好基础。
项目的主要特性和功能
- 路由管理：基于 react-navigation 架构设计，路由管理集中在 router.js 文件，便于路由拦截、权限控制，提供便捷的路由跳转和参数传递方法。
- 别名配置：通过配置别名，方便代码引用文件，提升开发效率。
- 全局通信：使用 mitt 实现全局通信，便于组件间数据传递和事件触发。
- 代码规范：配置 ESLint，结合 Airbnb 代码规范，强制规范代码编写，提高代码质量。
- 存储机制：采用双存储机制，用于存储登录信息等重要数据，保障数据安全可靠。
安装使用步骤
前提条件
假设用户已下载本项目的源码文件，且具备 Node.js 环境。
安装依赖
在项目根目录下，打开终端，执行以下命令安装项目依赖：
bash
npm install
初始化项目
若需重新初始化项目，可执行以下命令：
bash
npx react-native init xmzj_app
若上述命令无效，可先卸载再重新安装 react-native-cli：
bash
npm uninstall -g react-native-cli
npm install react-native-cli
运行项目
Android
在终端执行以下命令启动 Android 应用：
bash
npx react-native run-android
iOS
在终端执行以下命令启动 iOS 应用：
bash
npx react-native run-ios
路由使用
跳转下一级路由
- 不传参数：
javascript msg.emit('router: goToNext', { routeName: 'XmArticle', }); - 传参数：
javascript msg.emit('router: goToNext', { routeName: 'XmArticle', data: "logistics" });
返回上一页
javascript
msg.emit('router: back');
往路由中动态注入参数
javascript
componentDidMount() {
const navigation = this.props.navigation;
navigation.setParams({
type: false,
});
}
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】