
React-Native-IOS
ActiveC
这个作者很懒,什么都没留下…
展开
-
React-native-ios真机调试步骤
1.找到主工程目录下IOS文件夹2.获取mac电脑的ip地址(终端下 ifconfig)3.修改AppDelegate.m。修改如下:NSURL *jsCodeLocation = [NSURL URLWithString:@"http://192.168.0.130:8081/index.ios.bundle?platform=ios&dev=true"];原创 2017-08-29 09:53:17 · 3827 阅读 · 2 评论 -
RN中JS与原生端相互通信方式解析-IOS
JavaScriptCore框架 是一个苹果在iOS7引入的框架,该框架让 Objective-C 和 JavaScript 代码直接的交互变得更加的简单方便。而JavaScriptCore是苹果Safari浏览器的JavaScript引擎,或许你听过Google的V8引擎,在WWDC上苹果演示了最新的Safari,据说JavaScript处理速度已经大大超越了Google的Chrome,这就...原创 2018-09-25 20:28:54 · 2332 阅读 · 0 评论 -
React Native 解决0.55之后textInput输入框在特殊情况不兼容中文等问题
<TextInput value={value} onChangeText={onChangeText} />当textInput设置了 value的同时又设置了onChangeText属性时,在IOS平台会出现无法输入中文,而安卓下没啥问题。多种尝试,最终在github上RN问题列表中找到解决办法,修改原生库。解决无法输入中文问题 ...原创 2018-09-05 15:06:50 · 2562 阅读 · 0 评论 -
RN中 打开Image/ImageBackground圆角的正确方式
设置style:borderRadius这个在IOS中实测有时可用但不万能,在安卓中就不尽人意了,最终在github上rn板块找到解决办法,设置隐藏属性imageStyle={{ borderRadius:20 }} 所以正确打开方式:<Image style={{width:40,height:40,borderRadius:20}} imageStyle={{...原创 2018-09-05 15:01:16 · 8448 阅读 · 2 评论 -
React中的通信方式
React中常见的通信方式有三大中类:1.props props适用于父子级组件之间的参数传递,包括callback。一般最好不要超过三层关系。2.context类似于props的一个全局状态管理对象,用法和props中传递callback类似。使用context是有前提条件的。条件:1.父组件首先需要申明支持context传递,提供一个静态方法。static ...原创 2018-09-05 14:54:58 · 521 阅读 · 0 评论 -
ReactNative动画之Animated初识篇
Animated提供了两种类型的值:1.Animated.Value()用于单个值2.Animated.ValueXY()用于矢量值{x:0,y:0}Animated.Value可以绑定到样式或是其他属性上,也可以进行插值运算。单个Animated.Value可以用在任意多个属性上.目前Animated提供的动画组件有View,Image,Text,ScrollView;当然我们也...原创 2018-07-20 14:40:57 · 493 阅读 · 0 评论 -
在IOS环境下集成ReactNative页面
1. RN的环境集成还是得看RN官网,步骤写得非常详细。ReactNative中文网2.在这里还是重复一遍步骤,加深一下印象:开发环境准备首先按照环境搭建教程来安装React Native在iOS平台上所需的一切依赖软件(比如npm)。1.设置项目目录结构首先创建一个空文件夹(暂时叫“RN_Test”)用于存放RN项目,然后在里面创建一个ios文件夹来存放原生工程。2.安装...原创 2018-06-28 19:36:13 · 574 阅读 · 0 评论 -
RN发布组件到npm
1.git新建项目2.npm adduser3.npm publish中间有个报错,需要镜像切换npm config set registry https://registry.npmjs.org/ npm config set registry https://registry.npm.taobao.org 淘宝镜像错误2:在adduser的时候会报错,说明该用户已经存在,可以换...原创 2018-05-22 17:24:24 · 673 阅读 · 0 评论 -
ReactNative-IOS 支付篇-微信
废话不多说,直接来操作步骤介绍。1.安装插件 在项目根目录下面采用npm方式安装 react-native install react-native-wechat 由于react-native install 命令会自动link静态库,所以不需要再react-native link。用xcode打开工程run,如果发现该库没有添加进来,可以手动导入add files ,然后添加静态库文件...原创 2018-05-22 17:17:25 · 696 阅读 · 0 评论 -
ReactNative-IOS-支付篇-支付宝
作者也是个菜鸟,自学自用,如果有什么问题,请在下方留言。废话不多说,马上开启我们得旅途征程。下面是IOS版配置步骤,看这个之前得有一些IOS原生开发基础。1.下载安装第三方库 这里借助于强大的第三方库react-native-yunpeng-alipay。在项目根目录中,采用npm方式安装。 react-native install react-native-yunpeng-alipay ...原创 2018-05-22 17:17:42 · 1025 阅读 · 3 评论 -
RN支付篇-银联支付
详情介绍,请参考:银联支付原创 2018-05-25 11:16:10 · 1304 阅读 · 0 评论 -
React-Native 指定模拟器RUN-IOS
初尝书味1.react-native run-ios --simulator "iPhone 7”2.敲过一次就之后就可以直接react-native run-ios了原创 2017-08-29 10:01:35 · 10210 阅读 · 0 评论 -
解决RN0.44版本tabBarIOS不能隐藏的问题
1.首先找到RN项目依赖库文件RCTNavigator.m2.追加NavigationController代理方法3.追加方法如下:- (void)navigationController:(UINavigationController *)navigationController didShowViewController:(UIViewController *)viewContro原创 2017-07-20 18:48:28 · 268 阅读 · 1 评论