随笔分类 -  React Native

摘要:本文深入浅出mapStateToProps,解答: 为什么修改state,组件未渲染/更新? 如何从新旧state判断更新的值、未更新的值,从而决定是否re-render? Redux中,state作为单一的数据源,众所周知,每次更新state都要通过return { ...state, other 阅读全文
posted @ 2020-09-22 11:46 寒江孤影,江湖路人 阅读(3962) 评论(0) 推荐(1) 编辑
摘要:# rn-bounces-swiper 实现淘宝详情页banner图片轮播弹跳后跳转的效果 支持安卓和ios效果相同的react-native轮播图,实现淘宝详情页banner的效果。 由react-native-super-swiper改动更灵活 # 效果图 ios: 项目说明 2020-08-1 阅读全文
posted @ 2020-08-19 12:08 寒江孤影,江湖路人 阅读(775) 评论(0) 推荐(0) 编辑
摘要:导出IOS原生组件的事件到RN端的步骤。 1、在IOS组件的头文件声明一个事件属性。 2、在RN组件桥接类里面导出这个事件属性。 3、在IOS原生端通过定义的事件属性发送事件到RN端。 4、在RN端封装IOS原生组件事件。 1、在IOS组件的头文件声明一个事件属性 TestReactNativeVi 阅读全文
posted @ 2020-08-05 14:28 寒江孤影,江湖路人 阅读(793) 评论(0) 推荐(0) 编辑
摘要:嵌套导航的意思就是说你新建了一个导航器,在这个导航器的导航页中又包含了另一个导航器。比如: function Home() { return ( <Tab.Navigator> <Tab.Screen name="Feed" component={Feed} /> <Tab.Screen name= 阅读全文
posted @ 2020-07-30 15:20 寒江孤影,江湖路人 阅读(849) 评论(0) 推荐(0) 编辑
摘要:RN使用 createBottomTabNavigator 创建底部导航栏时,只会在第一次创建时调用 componentDidMount 钩子,当跳转到另一个页面,点击返回键再次返回到此页面时不会再次调用,但我们往往需要在返回此页面后重新执行获取数据等方法函数。 解决方法 componentDidM 阅读全文
posted @ 2020-07-30 10:12 寒江孤影,江湖路人 阅读(480) 评论(0) 推荐(1) 编辑
摘要:前言 在项目中有输入信息页面,两个TextInput在同一个页面,并且在ScrollView中,总觉得点击有毛病。 分析区别 在ScrollView中的多个TextInput 假设第一个TextInput为A,第二个TextInput为B,则A和B的焦点获取顺序如下: a.点击A,A获得焦点,并且软 阅读全文
posted @ 2020-04-20 14:10 寒江孤影,江湖路人 阅读(1623) 评论(0) 推荐(0) 编辑
摘要:好长一段时间没动pods,今天偶然需要更新一个库,于是执行了下pod update,然后惊悚的出现了这个报错: [!] Failed to connect to GitHub to update the CocoaPods/Specs specs repo - Please check if you 阅读全文
posted @ 2020-04-09 16:14 寒江孤影,江湖路人 阅读(10572) 评论(0) 推荐(0) 编辑
摘要:汇总:package.json index.{os}.js android\settings.gradle android\app\build.gradle android\app\src\main\java\com{project} android\app\src\main\java\com{pr 阅读全文
posted @ 2020-04-03 10:06 寒江孤影,江湖路人 阅读(1709) 评论(0) 推荐(0) 编辑
摘要:React Native 为开发者提供了 Clipboard API,让开发者可以访问设备操作系统中剪贴板里的内容,或者往剪贴板里存放内容。 1、Clipboard API 介绍 Clipboard API 目前还只支持获取或者存放字符串,它使用比较简单,只有两个静态函数: setString:向剪 阅读全文
posted @ 2020-03-16 10:37 寒江孤影,江湖路人 阅读(1204) 评论(0) 推荐(0) 编辑
摘要:1. 显示 Xcode 包内容 第一步:进入 应用程序 找到 Xcode,右键选择 显示包内容: 2. 进入 Applications 文件夹 第二步:进入 /Applications/Xcode.app/Contents/Developer/Applications 目录: 3. 拷贝 Simul 阅读全文
posted @ 2020-03-11 15:46 寒江孤影,江湖路人 阅读(1435) 评论(0) 推荐(0) 编辑
摘要:代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>...this.props</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/rea 阅读全文
posted @ 2020-02-26 15:53 寒江孤影,江湖路人 阅读(824) 评论(0) 推荐(0) 编辑
摘要:1、首先找到并点击匙串访问/证书助理/从证书颁发机构请求证书 2、填写用户电子邮箱地址、常用名、选择存储到磁盘(重点),CA电子邮件地址可不填!!/点击继续 3、选择保存请求文件CertificateSigningRequest.certSigningRequest的保存路径 4、证书请求已创建完成 阅读全文
posted @ 2020-01-22 18:13 寒江孤影,江湖路人 编辑
摘要:XCODE -> Windows - > organizer 查看所有打包版本历史 阅读全文
posted @ 2020-01-17 17:50 寒江孤影,江湖路人 阅读(1691) 评论(0) 推荐(0) 编辑
摘要:Xcode的 build方式 1、Release:build方式为Release,此方法适合上线前build正式包到手机查看,加载的是执行打包命令后的两个js文件(main.jsbundle.meta、main.jsbundle),而不是通过WIFI来relove js代码,所以此方法相当于直接安装 阅读全文
posted @ 2020-01-17 17:05 寒江孤影,江湖路人 阅读(818) 评论(0) 推荐(0) 编辑
摘要:React Native之FlatList的介绍与使用实例 功能简介 FlatList高性能的简单列表组件,支持下面这些常用的功能: 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载 阅读全文
posted @ 2020-01-15 14:46 寒江孤影,江湖路人 阅读(1182) 评论(0) 推荐(1) 编辑
摘要:用RN原生包CameraRoll实现iOS下载图片功能 连接原生库:https://reactnative.cn/docs/linking-libraries-ios/ 添加包含原生代码的库需要几个步骤: 自动链接 第一步 安装一个带原生依赖的库: $ npm install 某个带有原生依赖的库 阅读全文
posted @ 2020-01-13 19:20 寒江孤影,江湖路人 阅读(557) 评论(0) 推荐(0) 编辑
摘要:我的xcode打包闪退,尝试启动项目,遇到React Native启动报错的问题,原本的项目的是Xcode10的,现在我更新了我Xcode版本到Xcode11. 报错为 Unknown argument type '__attribute__' in method -[RCTAppState get 阅读全文
posted @ 2020-01-13 18:54 寒江孤影,江湖路人 阅读(318) 评论(0) 推荐(0) 编辑
摘要:js/native此路径放原生与RN的桥接文件,在此处引入原生模块并导出供js引用 当iOS 和Android单独打包时,只打包相应ios或Android文件夹里面的代码和js文件 当Android和ios定义的原生类名字一样时,只需要在桥接文件中引入一次即可,设备自己会根据不同设备而引入对应的iO 阅读全文
posted @ 2019-12-27 15:37 寒江孤影,江湖路人 阅读(863) 评论(0) 推荐(0) 编辑
摘要:React的ref有3种用法: 1. 字符串(已废弃)2. 回调函数3. React.createRef() (React16.3提供) 1. 字符串 最早的ref用法。 1.dom节点上使用,通过this.refs[refName]来引用真实的dom节点 2.类组件上使用,通过this.refs[ 阅读全文
posted @ 2019-09-23 18:09 寒江孤影,江湖路人 阅读(15520) 评论(0) 推荐(1) 编辑
摘要:在 native 开发中,我们可以使用广播实现事件的订阅和事件的触发,从而实现不在该页面但是可以调用该页面的方法。 在 React Native 中,我们也可以使用 DeviceEventEmitter 实现类似的功能 该方法是官方 API,调用时,直接引用就行了。 在A页面:点击按钮传递参数到B页 阅读全文
posted @ 2019-09-23 10:55 寒江孤影,江湖路人 阅读(1065) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示