随笔分类 - React Native
摘要:问题1:Android error “Could not get BatchedBridge, make sure your bundle is packaged properly” on start of app react-native run-android react-native star
阅读全文
摘要:运用在React 中 setState的对象、数组的操作时是不能用类似array.push()等方法,因为push没有返回值,setState后会出现state变成Number,为了方便他人和自己查看,因此写个数组和对象的操作方法小笔记。 1、修改object中某项 this.setState({
阅读全文
摘要:解决办法:在Android Studio修改AndroidManifest.xml文件。 文件路径:android->app->src->debug->AndroidManifest.xml 在manifest标签中添加 xmlns:tools="http://schemas.android.com
阅读全文
摘要:error Failed to install the app. Make sure you have the Android development environment set up: https://facebook.github.io/react-native/docs/getting-s
阅读全文
摘要:移动设备上的手势识别要比在 web 上复杂得多。用户的一次触摸操作的真实意图是什么,App 要经过好几个阶段才能判断。比如 App 需要判断用户的触摸到底是在滚动页面,还是滑动一个 widget,或者只是一个单纯的点击。甚至随着持续时间的不同,这些操作还会转化。此外,还有多点同时触控的情况。 手势响
阅读全文
摘要:一、特定平台代码 React Native提供了两种方法来区分平台: 使用Platform模块; 使用特定平台扩展名; 1、Platform模块 React Native提供了一个检测当前运行平台的模块;Platform适用于对一小部分代码需要按照平台定制的情况; Platform.OS 在iOS上
阅读全文
摘要:SafeAreaView的目的是在一个“安全”的可视区域内渲染内容。具体来说就是因为目前有 iPhone X 这样的带有“刘海”的全面屏设备,所以需要避免内容渲染到不可见的“刘海”范围内。本组件目前仅支持 iOS 设备以及 iOS 11 或更高版本。 SafeAreaView会自动根据系统的各种导航
阅读全文
摘要:一、从React Native中调用原生方法(原生模块) 原生模块是JS中也可以使用的Objective-C类。一般来说这样的每一个模块的实例都是在每一次通过JS bridge通信时创建的。他们可以导出任意的函数和常量给React Native。相关细节可以参阅这篇文章。 在React Native
阅读全文
摘要:一、在使用支付宝支付、微信支付之前导入桥接好的头文件 github地址:https://github.com/xujianfu/react-native-pay 二、集成支付宝支付流程 RN支付宝需要分别对iOS(Xcode)和安卓(AS)配置,与原生app相比只是将支付操作放在了RN当中。 流程大
阅读全文
摘要:react-native-swiper轮播图,是我们开发中特别常见的效果,首先感谢编写react-native-swiper的大神,让我们方便了很多。这个框架主要是用来做轮播图,焦点图等,内置了各种样式的轮播图. github地址: https://github.com/leecade/react-
阅读全文
摘要:自动重装系统之后,已经很长一段时间没有来写React Native了,今天空闲之余,决定重新配置React Native的开发环境,继续踩坑... React Native的开发环境配置狠简单,只要依照网上给出的步骤,复制粘贴,在终端下操作就行。 React Native中文网开发环境配置 当一切都
阅读全文
摘要:作为一名有理想、有抱负的一代iOS程序员,本着“我头发够多,还能学”的原则,我选择了追随那些大佬的脚步,于2018年开始了React Native。 第一步:找文档、准备安装开发环境; 第二步:一步步跟着大佬的脚步,去输入命令安装(错了,是复制、粘贴); 第三步:哇!🤩好顺利,竟然完成了(不过这是
阅读全文
摘要:把我收藏多年的教学视频、项目源码分享给大家,大神就可以忽略了,很多东西都是基础性的,都是期初学习阶段收集的东西。 微信小程序(入门级,有web前端基础的人群): 链接: https://pan.baidu.com/s/11ueRkzaFb1oDKvfrgRLruQ 提取码: ahwt 复制这段内容后
阅读全文
摘要:在使用react-native的时候,经常要自定义很多组件,但是只能使用../../../的方式,经常不记得这是多深,有没有一个插件,能自动帮我们解决这样的问题?节省我们的时候,也将项目看起来更漂亮一点,答案肯定有的,不然不会有这文章了,好了回归正题。 使用指南 我们使用的目标要达到以下的使用效果
阅读全文
摘要:AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。这是官网上对它的介绍。可以知道,这个asyncstorage也是以键值对的形式进行存储数据的。 1、封装DeviceStorage类 在其他组件中引用DeviceStorage类。 2、保存
阅读全文
摘要:1、Fetch的使用 fetch的使用非常简单,只需传入请求的url 当然是否请求成功与数据的处理,我们还需处理成功与失败的回调 通过response.json()将请求的返回数据转化成json数据以便使用。通过.then来对数据进行转化处理或最终暴露给调用者;.catch对异常的处理。 2、Fet
阅读全文
摘要:以下内容为老版本React Native,faceBook已经有了新的导航组件,请移步其他博客参考>>【我是传送门】 参考资料:React Navigation react-native-tab-navigator的使用传送门 TabBarIOS部分 在目前市面上的APP中,大部分都是选项与选项之间
阅读全文
摘要:学习iOS开发的同学应该都知道UITableView,几乎每个APP中都有它的存在,而且衍生出各种形态;那么同样,ListView就是在React Native中的tableView,而且更加简单和灵活易用;让我们一起搞定它。 一、前言 ListView组件是React Native中一个比较核心的
阅读全文
摘要:一、前言 从iOS开发的经验来看,scrollView无疑是移动开发中很重要的一个组件,比如后面会学到的ListView就是继承自它。那么,在开发中比如:焦点图、引导页等地方都有其的影子,那接下来我们一起来搞定它! 一个包装了平台的ScrollView(滚动视图)的组件,同时还集成了触摸锁定的“响应
阅读全文
摘要:很多React Native的初学者都被ES6的问题迷惑:各路大神都建议我们直接学习ES6的语法(class Foo extends React.Component),然而网上搜到的很多教程和例子都是ES5版本的,所以很多人在学习的时候连照猫画虎都不知道怎么做。今天在此整理了一些ES5和ES6的写法
阅读全文