分享一个用react-native写的app,适合新手学习react-native

李涛发布于2019-08-22 18:12 / 2009人阅读

摘要：安卓系统的信息系统的信息项目部分截图项目源代码公共组件首页所有图片登录页我的页新闻页配置省市区文件进入轮播页项目入口文件项目依赖配置最新生成的文件信息上次打包的版本路由配置文件

github地址：https://github.com/cryingbat/...

react-native-app

use react-native。Pack of the generated apk installation package in the app-latest.apk。and The installation package of android4.4/5.1/6.0 runs smoothly.

For beginners, get a quick command of the react-native usage and navigation switch. It has a very big effect. I hope you can study together and make progress together.

technology stack

react
react-native
nativebase
react-navigation
react-redux

### Third-party components:

native-echarts
react-native-actionsheet
react-native-modal
react-native-swiper
react-native-vector-icons
react-native-picker etc.

## section screenshorts

tree

myapp                         
│   ├── android              安卓系统的信息                  
│   ├── ios                  ios系统的信息
│   ├── screenshorts         项目部分截图                          
├── src                      项目源代码
│   ├── common               公共组件                   
│   ├── home                 首页
│   ├── imgs                 所有图片
│   ├── login                登录页
│   ├── me                   我的页
│   ├── page                 新闻页
│   ├── store                redux配置        
│   ├── area.json            省市区文件
│   ├── slider.js            app进入轮播页 
│   └── index.js             项目入口文件             
├── package.json         项目依赖             
├── .bablelrc            bable配置
├── .buckconfig    
├── .followconfig
├── .gitignore
├── .watchmanconfig 
├── app-latest.apk       最新生成的apk文件
├── app.json             app信息   
├── appv0.0.1.apk        上次打包的app版本
├── readme.md            readme
├── router.js            路由配置文件 
├── yarn.lock

development

    npm 6.1.0  
    node 6.10.2
    step 1: git clone https://github.com/cryingbat/react-native-app.git
    step 2: npm i or yarn  
    step 3: link your virtual device or your phone  


    notice: This project only supports Android equipment

questions:

If you encounter the following problems:such as(can`t find your virtual device)
please turn off your virtual machine and try again.

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/95616.html

react-native 初体验 - 使用 javascript 来写 iOS app

摘要：去年年初写了一个扩展十阅后，一直想写个十阅出来，奈何懒癌后期，一直拖到最近才完成原型。这次心血来潮闲的蛋疼，想起去年年初就有所耳闻的，于是就打算用它来耍耍。使用链接库在设备上运行用来断点调试地址学习资源图图图去年年初写了一个 chrome 扩展「十阅」后，一直想写个十阅 app 出来，奈何懒癌后期，一直拖到最近才完成原型。其实很早之前就已经写过一个 hybrid app 了，使用了...

余学文 2019-08-19 18:22 评论0 收藏0
React-Native 真的是移动开发的未来吗

摘要：在版本上，安卓系统上的渲染就有锯齿，后来我们不分效果是使用图片实现的，汗啊第三方组件不全。摇一摇问题的解决在我们使用了等状态管理时，热更新不会更新这些代码，而频繁摇一摇实在是太累了。此时可以使用此时相当于虚拟了一个摇一摇事件。公司本年度有App任务，陆陆续续用RN开发了两个应用。一款是涉及仪器控制的平板项目，另一款是客户端的App。下文谈谈使用RN开发的部分认知(其实只是随便扯一扯，...

thursday 2019-08-22 18:20 评论0 收藏0