RN-code

KO | EN

gitlite — search

#python #react #llm #rust #deep-learning #docker #windows #awesome #cli #security #mcp #ios #openai #open-source

(★ 19)

react-native的学习demo

RN-code Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# RN

> 仿照拼多多的一个 RNapp

![](http://www.vkcyan.top/FuLs73Rn5orX4MMFU9ilFCmDift1.jpg)

### 几乎必备的插件

React Navigation 3.x 顺带安装RN的图标库

```bash
yarn add react-navigation // RN导航库
yarn add react-native-gesture-handler // RN 导航库依赖
npm install react-native-vector-icons --save //图标库
npm install react-navigation-material-bottom-tabs react-native-paper // 懒加载底部路由
npm install react-native-splash-screen --save // 启动页面 解决闪屏问题
npm install axios --save
react-native link 
```

> react-native link 我的理解是 将 这个库中的底层代码与android IOS系统做连接,类似于 "注册" 吧

### 使用redux的需要安装的全部插件

```bash
 npm install redux --save 
 npm install react-redux --save 
 npm install immutable --save
 npm install redux-thunk --save
```

### 解决打开APP闪屏问题

解决闪屏问题插件,我先使用的是`rn-splash-screen`,开发环境没有问题,但是打包总是失败,后面就换了[**react-native-splash-screen**](https://github.com/crazycodeboy/react-native-splash-screen),这个 测试 打包都可以 不过 使用上比前者复杂一点

### 定位服务

感觉定位插件,选择很多样,我也是没怎么挑选,使用了[react-native-amap-geolocatio](https://github.com/qiuxiang/react-native-amap-geolocation)

### 第三方集成

> 例如 分享到 qq 微信 朋友圈 以及第三方登录等等

使用**友盟**完成的第三方集成[react-native-share](https://github.com/songxiaoliang/react-native-share)

### 消息推送

消息推送使用的是 **极光推送** [jpush-react-native](https://github.com/jpush/jpush-react-native)

### IM聊天

[react-native-gifted-chat](https://github.com/FaridSafi/react-native-gifted-chat)

[aurora-imui](https://github.com/jpush/aurora-imui/blob/master/README_zh.md) 2选一

### 相关文章

[RN配置沉浸式状态栏]()

[React-Native项目中使用Redux](https://www.cnblogs.com/wuvkcyan/p/10081874.html)

[React-Native使用极光进行消息推送](https://github.com/vkcyan/text/blob/master/react/React-Native%E4%BD%BF%E7%94%A8%E6%9E%81%E5%85%89%E8%BF%9B%E8%A1%8C%E6%B6%88%E6%81%AF%E6%8E%A8%E9%80%81.md)

RN-code

RN-code Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

RN-code

RN-code Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README