美文网首页
RN 初学者轻松搭建RN-APP

RN 初学者轻松搭建RN-APP

作者: hi_universe | 来源:发表于2021-11-19 13:47 被阅读0次

经过2天的踩坑  终于完成了一款RN APP框架 话不多说  我们先看看这两天的效果

我的 电影列表 首页

接下来  我们走一下此APP的流程和相应功能

1.启动页

 2.登录页 (stack方式)

   2.1 注册页 (mode进入方式)

   2.2 首页 (stack方式)

3.标签栏(首页、电影、我的)  取消左滑返回功能

        3.1内部二级页面(stack方式) 支持左滑返回功能

4.我的-退出 (stack方式)

接下来我们捋一下代码 

1.首先看看引入的库有哪些

package.json

2.主功能区代码

框架模块

3.tabbar的切换和图标设置

tabbar 图标设置

相关文章

  • RN 初学者轻松搭建RN-APP

    经过2天的踩坑 终于完成了一款RN APP框架 话不多说 我们先看看这两天的效果 接下来 我们走一下此APP的流程...

  • RN精进笔记(六)RN打离线包篇

    React-Native打离线包 RN-App项目中js代码和native代码,其中js代码的打包是动态的,打成j...

  • RN热更新-搭建自己服务

    本教程基于code-push-server搭建 本文都是基于上面文章(搭建微软的热更新RN项目)搭建好RN环境后的...

  • React Native开发流程

    RN开发流程 目标: 3月1日—4月14日,熟悉整套开发流程,并输出文档教程。 RN环境搭建 RN环境搭建请参考以...

  • 2022-05-27

    RN学习之路1:mac系统下搭建RN环境 1,安装homebrew 终...

  • React Native学习

    1.RN官方文档 RN官方提供的说明文档,初略的介绍了RN组件和api的使用方法,用于带领RN初学者入门使用的。h...

  • React Native 组件 X 属性|状态 X 样式

    上一篇《React Native 环境搭建》 前篇已介绍了 RN 的环境搭建,作为第二篇,介绍 RN 的基础知识为...

  • RN热更新加载Webview

    送给做马甲包或者rn初学者的福利。 大概说下这个流程,关于RN项目创建以及热更新配置这里就不详细说明了,人家RN官...

  • React-Native混编学习

    本篇主要涉及的是App和RN的混合开发环境搭建,对于基本的RN环境搭建请自行查阅文档。 这里需要着重注意的是全局依...

  • rn

    1.rn的环境搭建(mac) 在iOS项目中添加rn yarn add react-native 报错 Fetch...

网友评论

      本文标题:RN 初学者轻松搭建RN-APP

      本文链接:https://www.haomeiwen.com/subject/xlcjtrtx.html