Fork me on GitHub

随笔分类 -  reactnative

摘要:前言 android 6+权限使用的时候需要动态申请,那么在使用rn的时候要怎么处理拍照权限问题呢?本文提供的是一揽子rn操作相册、拍照的解决方案,请看正文的提高班部分。 解决步骤 1、AndroidManifest.xml设置拍照权限: 2、配置build.gradle: 设置defaultCon 阅读全文
posted @ 2017-11-29 14:37 磊哥|www.javacn.site 阅读(2593) 评论(0) 推荐(1) 编辑
摘要:前言 目前使用一键分享比较主流的两个SDK:ShareSDK、友盟; 又因为友盟功能比较多且比较全,比如说友盟统计、友盟推送等,所以本文重点介绍的是友盟分享功能在rn上的应用以及要注意的点。 react native绑定SDK两种方案(一个原理): 1.自己去要绑定的SDK官网下载SDK包,按照SD 阅读全文
posted @ 2017-11-23 15:08 磊哥|www.javacn.site 阅读(7835) 评论(0) 推荐(1) 编辑
摘要:xcode生成rn(0.49.3)项目的时候出现“'boost/iterator/iterator_adaptor.hpp' file not found之xcode”报错。 原因: /Users/xxx/.rncache 中 boost_1_63_0.tar.gz, double-conversi 阅读全文
posted @ 2017-11-15 18:12 磊哥|www.javacn.site 阅读(1154) 评论(0) 推荐(0) 编辑
摘要:简述 要实现微信性别选择需要使用两部分的技术: 第一、是自定义弹出框; 第二、单选框控件使用; 效果 实现 一、配置弹出框 弹出框用的是:react-native-popup-dialog(Git地址:https://github.com/jacklam718/react-native-popup- 阅读全文
posted @ 2017-11-10 18:56 磊哥|www.javacn.site 阅读(4578) 评论(2) 推荐(0) 编辑
摘要:iOS设置拍照retake和use按钮为中文简体,设置有两种方式一个是代码直接控制,第二就是xcode配置本机国际化为“china”(简体中文)。 本文重点要说的是第二种,这样配置有两个好处,一是操作比较简单,二是灵活度较高。 具体操作: 配置xcode项目配置 =》 Info =》 Custom 阅读全文
posted @ 2017-11-10 13:54 磊哥|www.javacn.site 阅读(1006) 评论(1) 推荐(0) 编辑
摘要:升级完xcode9.1之后,编译项目出现如下错误: CI今日构建时报出如下错误: 思来想去,也没找到原因所在,编译了其他app全部都是同样的报错信息。 可能的原因: 昨天xcode9进行了小版本更新所致 电脑里存在缓存,ded可以清除缓存 解决灵感: https://stackoverflow.co 阅读全文
posted @ 2017-11-10 11:02 磊哥|www.javacn.site 阅读(9358) 评论(0) 推荐(0) 编辑
摘要:前言: 目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片裁剪、最大图片个数限制、拍照、本地相册等功能。 效果: 使用简介: 原理:react-native-syan-image-picker多图片选择 阅读全文
posted @ 2017-11-09 09:42 磊哥|www.javacn.site 阅读(9083) 评论(3) 推荐(0) 编辑
摘要:ReactNative绑定优酷SDK需要用到两部分知识: 优酷本身的sdk绑定; RN与原生界面的交互; 效果: RN版本:0.49.3 代码更新日期:2017.10.26 下文也根据绑定需要分为两部分: 一、优酷sdk绑定; 二、RN与原生页面的交互; 一、优酷SDK绑定 1.优酷云平台创建应用, 阅读全文
posted @ 2017-10-26 15:08 磊哥|www.javacn.site 阅读(1589) 评论(2) 推荐(1) 编辑
摘要:需求描述: 图片缩放、拖动、长按保存等基础图片查看的功能; 展示每张图片文本描述; 实现效果,如图: 实现步骤 使用第三方插件:react-native-image-zoom-viewer 插件GitHub地址:https://github.com/ascoders/react-native-ima 阅读全文
posted @ 2017-09-29 16:40 磊哥|www.javacn.site 阅读(2590) 评论(1) 推荐(0) 编辑
摘要:flex number 用于设置或检索弹性盒模型对象的子元素如何分配空间 flexDirection enum('row', 'row-reverse' ,'column','column-reverse') flexDirection属性决定主轴的方向,默认是“column”: row:主轴为水平 阅读全文
posted @ 2017-09-26 18:35 磊哥|www.javacn.site 阅读(2767) 评论(0) 推荐(1) 编辑
摘要:导航组件react-navigation: https://github.com/react-community/react-navigation 网络请求asios: https://github.com/mzabriskie/axios 设备信息react-native-device-info: 阅读全文
posted @ 2017-09-26 17:55 磊哥|www.javacn.site 阅读(414) 评论(1) 推荐(0) 编辑
摘要:导航一直是App开发中比较重要的一个组件,ReactNative提供了两种导航组件供我们使用,分别是:NavigatorIOS和Navigator,但是前者只能用于iOS平台,后者在ReactNative0.44版本以后已经被移除了。 好在有人提供了更好的导航组件,就是我们今天要讲的react-na 阅读全文
posted @ 2017-09-13 17:46 磊哥|www.javacn.site 阅读(9645) 评论(0) 推荐(1) 编辑
摘要:接上文《微信中通过页面(H5)直接打开本地app的解决方案》已经把iOS搞定并且已经正常能跑了,突然就再也用不了了... 问题描述 测试告诉我,如果从微信打开App之后,点击App右上角的应用网址之后,iOS通用链接就费了,在也用不了了,如图: 原因分析 因为你点击右上角的网址之后,默认就把通用链接 阅读全文
posted @ 2017-09-11 16:29 磊哥|www.javacn.site 阅读(3197) 评论(1) 推荐(0) 编辑
摘要:简述 微信中通过页面直接打开app分为安卓版和IOS版,两个的实现方式是完全不同的。 安卓版实现:使用腾讯的应用宝,只要配置了“微下载”之后,打开链接腾讯会帮你判断本地是否已经安装了app,如果本地安装就直接打开,没有安装的话就是腾讯微下载的页面进行app下载,当然微下载的页面腾讯提供了几个模板,可 阅读全文
posted @ 2017-09-09 10:06 磊哥|www.javacn.site 阅读(29117) 评论(1) 推荐(3) 编辑
摘要:React Native(以下简称RN)绑定微信分享/微信登录/微信支付的实现演示+源码+注意事项!微信的调用大同小异,本文实现了微信的分享功能,其他功能可以在链接文档里面找到具体的方法。 本文分文三个部分:一、效果展示;二、实现步骤;三、注意事项; 一、效果展示 二、实现步骤 1.微信开放平台申请 阅读全文
posted @ 2017-09-08 11:04 磊哥|www.javacn.site 阅读(5811) 评论(1) 推荐(1) 编辑
摘要:之前一篇写了《逻辑性最强的React Native环境搭建与调试》说了RN的安装,今天在这里做一个复盘,让我们能够更直观更深入的了解React Native(以下简称RN),这一篇重点来说的就是,安装之后必报的2个错误的解决方案。 更新日期:2017.9.2 运行环境:Windows 10/Andr 阅读全文
posted @ 2017-09-02 11:54 磊哥|www.javacn.site 阅读(1578) 评论(0) 推荐(1) 编辑
摘要:React Native系列 《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React Native unable to load script from assets index.android.bundle on windows》 阅读全文
posted @ 2017-07-28 16:04 磊哥|www.javacn.site 阅读(33163) 评论(4) 推荐(3) 编辑
摘要:React Native系列 《逻辑性最强的React Native环境搭建与调试》 《ReactNative开发工具有这一篇足矣》 《解决React Native unable to load script from assets index.android.bundle on windows》  阅读全文
posted @ 2017-07-21 14:37 磊哥|www.javacn.site 阅读(4046) 评论(0) 推荐(2) 编辑
摘要:React Native运行的时候,经常碰到React Native unable to load script from assets index.android.bundle on windows解决方法有2种: 方法一:设置IP和端口 具体步骤:报错页面晃动手机,显示菜单 =》 点击Dev S 阅读全文
posted @ 2017-07-19 14:46 磊哥|www.javacn.site 阅读(20589) 评论(0) 推荐(0) 编辑

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