随笔:166 文章:1 评论:65 阅读: 52万

随笔分类 -  React Native

 
React Native 继续学习
摘要:下一个项目公司也打算使用react native.大致看了下原型设计,写几个小demo先试试水.特此记录下. 1.微信及朋友圈分享.QQ及朋友圈分享,微博分享,微信支付,支付宝支付. 2.导航条渐隐 3.通讯录 4.卡片式轮播 5.时间轴 6.图片+列表的组合效果 7.图片下拉放大 8.原生视频播放 阅读全文
posted @ 2017-07-11 08:59 少停cnblogs 阅读(3302) 评论(6) 推荐(1) 编辑
React Native Android打包apk
摘要:按照官方的5步曲: 1.在终端里面,cd 到项目的根目录后.执行下面这行命令: 然后终端就会让你输入口令等信息.如 2.执行第一步会在根目录下会生成一个XXXXXX.keystore的文件,直接拿到android/app下. 3.在android/gradle.properties中加入: **** 阅读全文
posted @ 2017-07-04 17:07 少停cnblogs 阅读(14097) 评论(0) 推荐(1) 编辑
React-Native新列表组件FlatList和SectionList学习 | | 联动列表实现
摘要:React-Native在0.43推出了两款新的列表组件:FlatList(高性能的简单列表组件)和SectionList(高性能的分组列表组件). 从官方上它们都支持常用的以下功能: 完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 阅读全文
posted @ 2017-06-23 16:52 少停cnblogs 阅读(3992) 评论(1) 推荐(2) 编辑
使用react native制作的微博客户端
摘要:简要说明: 因为微博授权权限设置,本人的微博开放者账号权限太低,如果出现 'api请求次数受限,请更换. 10023' 弹框 或者 授权界面出错,需要自行更换开放者应用的appkey,授权回调页,App Secret. 修改位置在 App/Home/login.js 新浪开放者平台 因为项目较为简单 阅读全文
posted @ 2017-05-04 14:41 少停cnblogs 阅读(1568) 评论(0) 推荐(0) 编辑
使用react native制作的一款网络音乐播放器
摘要:使用react native制作的一款网络音乐播放器 基于第三方库 react-native-video 设计"react-native-video": "^1.0.0" 播放/暂停 快进/快退 循环模式(单曲,随机,列表) 歌词同步 进度条显示 播放时间 基本旋转动画 动画bug 安卓歌词解析失败 阅读全文
posted @ 2017-04-14 08:29 少停cnblogs 阅读(7229) 评论(2) 推荐(1) 编辑
react native 之 事件监听 和 回调函数
摘要:同原生一样,react native 同样也有事件监听和回调函数这玩意. 场景很多,比如:A界面push到B界面,B界面再pop回A界面,可以给A界面传值或者告诉A刷新界面. 事件监听 事件监听类似于iOS原生的通知,一个发,一个收即可. A界面收: B界面在pop回A界面的时候发: 事件回调 A界 阅读全文
posted @ 2017-03-17 12:24 少停cnblogs 阅读(18829) 评论(1) 推荐(0) 编辑
iOS原生和React-Native之间的交互2
摘要:今天看下iOS原生->RN: 这里有个问题: * 我这里只能通过rn->ios->rn来是实现* 如果想直接ios-rn 那个iOS中的CalendarManager的self.bridge是nil,只有先通过rn-ios之后该值才有值.* 这里没搞明白 直接撸代码: RN: iOS原生: 新建一个 阅读全文
posted @ 2017-03-02 18:35 少停cnblogs 阅读(1953) 评论(5) 推荐(1) 编辑
react native 之 获取键盘高度
摘要:多说不如多撸: 效果: 额.后来发现个KeyboardAvoidingView,原来react native已经意识到了.所以上面的代码可以作废.使用新的KeyboardAvoidingView,其中 大致代码如下: 效果: 阅读全文
posted @ 2017-02-24 14:59 少停cnblogs 阅读(9844) 评论(3) 推荐(0) 编辑
React Native项目集成iOS原生模块
摘要:今天学习一下怎么在React Native项目中集成iOS原生模块,道理和在iOS原生项目中集成React Native模块类似.他们的界面跳转靠的都是iOS原生的UINavigationController. iOS原生端: 1.AppDelegate.h AppDelegate.m 修改部分代码 阅读全文
posted @ 2017-02-22 17:06 少停cnblogs 阅读(2806) 评论(0) 推荐(1) 编辑
iOS原生和React-Native之间的交互1
摘要:今天,记录一下iOS原生和React-Native之间的交互.如果第一次接触最好先移步至 http://www.cnblogs.com/shaoting/p/6388502.html 先看一下怎么在iOS原生中集成react-native模块. iOS原生和React-Native之间的交互主要通过 阅读全文
posted @ 2017-02-13 15:56 少停cnblogs 阅读(12743) 评论(0) 推荐(1) 编辑
iOS原生项目集成React Native模块
摘要:今天周末,弄弄Native和React Native之间的交互.首先,先在iOS原生项目中集成React Native模块: 注意事项: 1.因为react native的版本问题,部分细节可能有所不同,这里只介绍本猿的环境版本. 2.名称的一致性 1.首先,使用终端命令新建一个React Nati 阅读全文
posted @ 2017-02-13 08:30 少停cnblogs 阅读(6725) 评论(0) 推荐(0) 编辑
react native 之 Android物理返回键
摘要:基本用法 根据文档,安卓back键的处理主要就是一个事件监听: 在starter-kit里,我们在App这一级别,实现了按back键回退导航栈的功能: 注意这里为了方便后续removeEventListener,采用了用绑定this的函数属性的方法来创建回调函数,而非箭头函数或者bind(this) 阅读全文
posted @ 2017-01-22 17:46 少停cnblogs 阅读(12693) 评论(2) 推荐(0) 编辑
react native 之 react-native-image-picke的详细使用图解
摘要:最近需要在react native项目中集成相机和相册的功能,于是在网上找了一个好用的第三方插件:react-native-image-picke. 该插件可以同时给iOS和Android两个平台下使用,但是需要配置下各自平台下的文件,github上有详细的文字说明,但是本人对于文字向来无感,所以特 阅读全文
posted @ 2016-12-09 08:42 少停cnblogs 阅读(23627) 评论(7) 推荐(2) 编辑
react native 常用第三方库
摘要:React-native-animatable 动画 react-native-carousel 轮播 react-native-countdown 倒计时 react-native-device-info 设备信息 react-native-fileupload 文件上传 react-native 阅读全文
posted @ 2016-12-06 10:06 少停cnblogs 阅读(1378) 评论(0) 推荐(0) 编辑
React Native 的绑定 this
摘要:在React Native开发中,如果使用ES6语法的话,最好绑定this.但是使用ES5语法的话不需要绑定this.因为ES5会autobinding. this所指的就是直至包含this指针的上层对象. 绑定this方法1: 绑定this方法2: 绑定this方法3(推荐): 阅读全文
posted @ 2016-11-28 11:34 少停cnblogs 阅读(6265) 评论(2) 推荐(0) 编辑
React Native 的ES5 ES6写法对照表
摘要:模块 引用 在ES5里,如果使用CommonJS标准,引入React包基本通过require进行,代码类似这样: 在ES6里,import写法更为标准 注意在React Native里,import直到0.12+才能正常运作。 导出单个类 在ES5里,要导出一个类给别的模块用,一般通过module. 阅读全文
posted @ 2016-11-28 10:07 少停cnblogs 阅读(524) 评论(0) 推荐(0) 编辑
webstorm mac版快捷键
摘要:WebStorm快捷键(Mac版) ⌘——Command ⌃ ——Control ⌥——alt ⇧——Shift ⇪——Caps Lock fn——功能键就是fn 编辑 Command+alt+T 用 (if..else, try..catch, for, etc.)包住 Command+/ 注释/ 阅读全文
posted @ 2016-11-22 14:16 少停cnblogs 阅读(511) 评论(0) 推荐(0) 编辑
React Native使用AsyncStorage本地持久化
摘要:AsyncStorage AsyncStorage是一个简单的,未加密的,异步的,持久化,关键值存储系统,是全局的。类似于iOS中的NSUserDefault. 存值: 取值: 移除值: 完整代码: 运行效果: 阅读全文
posted @ 2016-10-11 13:03 少停cnblogs 阅读(10198) 评论(2) 推荐(0) 编辑
React Native工作小技巧及填坑记录
摘要:以下是本人在React Native开发工作中使用的一些小技巧,记录一下。 1.从网络上拉取下来的React Native缺少React和React Native库. 终端 1. cd 项目根目录 2. npm install 3. 完成之后,在根目录中会出现node_modules文件夹(和pac 阅读全文
posted @ 2016-10-10 09:33 少停cnblogs 阅读(23578) 评论(6) 推荐(2) 编辑
React Native组件之Text
摘要:React Native组件之Text相当于iOS中的UILabel. 其基本属性如下: 完整源码下载:https://github.com/pheromone/React-Native-1 阅读全文
posted @ 2016-10-08 09:51 少停cnblogs 阅读(1971) 评论(0) 推荐(0) 编辑

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