据说,react-natvigation是官方推荐使用的,搞不懂为啥官方放弃更新natigator了。所以在上篇文章的基础上使用react-natvigation。 (1)StackNavigator:用来跳转页面和传递参数 (2)TabNavigator:类似底部导航栏,用来在同一屏幕下切换不同界面 (3)DrawerNavigator:侧滑菜单导航栏,用于轻松设置带抽屉导航的屏幕 cd 项目根...

初涉RN RN中的MobX

RN

  

2019-11-21 11:33:11

在刚开始做页面时, 数据绑定的时候, 对一个为array的list进行了observable, 里面的值改变的时候, 并不会重新渲染页面 这里面就涉及到MobX会对什么做出反应?这个问题 MobX会对在追踪函数执行过程中读取现存的可观察属性做出反应 "读取":是对象属性的间接引用, 可以用过"."或者"[ ]"的形式完成. eg:user...

ListView 不分组Demo heros.json 记得把图片扔到Xocde里面,Andrio以后再适配 App.js 分组写法 FlatList V0.45之后,ListView组件被废除此组件已过期 - 请使用FlatList或SectionList代替。 高性能的简单列表组件,支持下面这些常用的功能: 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组...

首先把需要用到的资源文件,放到Xcode项目中 资源链接:https://pan.baidu.com/s/1hafWP4qbang9BCj0N_2yJw 密码:6rra TabBar和NavigationBar应用到iOS项目中,drawable-xxhdpi应用到安卓项目中。 新建项目目录文件 App.js文件 自定义tabBar WTTabBar.js文件 WTMain.js文件 适配安卓 将...

React-Native调试技巧总结

rn

  

2020-04-09 16:30:55

前言 React-Native调试不像本地代码调试一样方便,但也是可以调试的.毕竟如果程序不能调试,那基本无法正常开发.接下来我们看下如何调试RN的程序. 1.打开开发者菜单. 开发者菜单是RN的一个调试菜单,里面有很多选项,例如重新加载程序,Debug模式开启,实时更新,快速热修复,类似于instant run,开发者调试设置等等.开发者菜单只可在debug版本中调出,假如是apk的releas...

react native 抖音视频列表页

rn

  

2020-05-24 09:46:08

实现效果 需要实现的效果主要有两个,一个是上下翻页效果,还有就是点赞的动画。 列表页上下翻页实现 播放视频使用 react-native-video 库。列表使用 FlatList,每个 item 占用一整屏,配合 pagingEnabled 属性可以翻页效果。 通过 onViewableItemsChanged 来控制只有当前的页面才播放视频。 点赞效果 单次点击的时候切换暂停/播放状态,连续多...

运行react-native安卓时遇到这个错误,在这个错误之前还遇到过一个错误, none of the consumable configurations have attributes 这是在link项目引入的第三方库时报的错,这个错的意思就是link的时候没有找到我这个第三方库,于是我把***.iml也就是android下面的这个工程文件删掉了,然后把第三库删了,也重新安装了一遍,再用and...

react-native-loader集成问题记录

RN

  

2020-06-19 17:28:52

Android iOS通用的;一个可用于做loading动画的组件:https://github.com/mohebifar/react-native-loader 感觉动画效果还可以,就拿来用了。 但是在新版RN上有些问题,需要修改。 在此记录下 基于RN-0.62.2 React-16.11.0,存在以下问题 查看https://github.com/react-native-communit...

RN入门-01-环境搭建

RN  ReactNative

  

2020-01-10 00:16:14

环境搭建(操作系统Mac-10.13.4 ) 一:软件安装  1.1 Homebred Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。译注:在Max OS X 10.11(El Capitan)版本中,homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题。可以使用下面的命令修复:1.2 No...

React-native 项目升级Xcode 11全记录 react-native 版本 版本比较早的项目,最近提交App store 出现warning 1.升级ios sdk 到13 2.包含UIWebview 不改掉的话4月以后可能就会被拒了。没办法,作为一个android出身的转行RN的苦逼码农,只能投身ios开发的行列,去对抗xcode。 第一步:直接App store 升级Xcode1...

React-native常见报错

RN  Android

  

2020-04-21 17:13:51

1.远程调试JS 问题:unable to connect remote debbuger 先打开网址:http://localhost:8081/debugger-ui/,然后再点击debug js remotely 2.override 【描述】 Native module VectorIconsModule tried to override VectorIconsModule for mo...

React Native 环境搭建

RN 学习

  

2020-05-28 13:48:35

安装依赖 必须安装的依赖有:Node、Python2、JDK 和 Android Studio。 虽然你可以使用任何编辑器来开发应用(编写 js 代码),但你仍然必须安装 Android Studio 来获得编译 Android 应用所需的工具和环境。 Node, Python2, JDK 我们建议直接使用搜索引擎搜索下载 Node 、Python2 和Java SE Development Ki...