logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

react native webview与H5通信

之前写过一篇封装原生webview的文章,https://blog.csdn.net/u014041033/article/details/78625859但是那只是android端的,不能应用iOS端,随着rn的发展,rn提供的webview也可以满足我们的开发需求,而且android&&am

#react native#webview
react native组件通信方式

1:父组件给子组件通过props2:   通过回调父组件传递一个函数 子组件将执行结果回传给父组件3:通过ref方式引用组件调用方法,传递参数。4:通过广播事件监听DeviceEventEmitter 注册监听事件5:如果使用redux 通过getstate获取全局唯一状态树异步与原生通信: react与native异步交互的几种方式

scrollView 宽高无效

Environmentreact-native -v:0.46.4node -v:v8.3.0npm -v:5.3.0yarn --version:0.27.5Target Platform: android && iosDevelopment Operating System: mac10.12.5Build tools:webstormSteps to Reproducecode

react navigation返回到任意页面(不集成redux)

react navigation默认是使用key作为goback的参数进行返回的,这个key是一个动态生成的,而不是我们定义的routeName。网上也有很多方法有的说更改源码,有的说是集成redux。更改源码的方式我也尝试过但是如果开启滑动返回属性,很容易就卡死。集成redux是一个不错的方式,但对于新手来说redux的模式还是太过于复杂,况且redux的强大在于数据流的控制,仅仅一个因为一..

react native动画

·一:动画组件:Animated.ImageAnimated.TextAnimated.View二:动画函数:1:Animated.timing() – 推动一个值按照一个过渡曲线而随时间变化。Easing模块定义了很多缓冲曲线函数。2:Animated.decay() – 推动一个值以一个初始的速度和一个衰减系数逐渐变为0。3:Animated.spring() –

#动画
react native 错误总结(不定时更新)

错误截图:原因:lineHeight只能设置成整数 可以使用parseInt(23.7)进行取整操作

codepush热更新

codepush2之配置自己的服务器codepush3之Android原生引用集成codepushcodepush4之linux下配置自己服务器初始化阶段:1:npm install -g code-push-cli 安装客户端2:code-push -v 查看是否安装成功3:code-push register 在codepush注册账

react与native异步交互的几种方式

1:通过函数回调,传递一个string或者一个object 不能传递json如果想传递json格式 可以将json转成string 到react端再解析会json2:通过promise 使用async,await 传递一个map3:通过事件native端可以发送参数到js 传递一个map1:代码:/*** index.android.js*/'use strict';

添加删除图片并同步到相册

1:rn缓存图片项目需求要做一个仿照微信多图片选择的功能,九宫格那种,大概就是先调用原生模块选择图片,然后将图片的uri或者绝对地址返回给rn,原生部分的代码嘛,当然不用自己写github上面一搜一大堆,选一个就OK了,我使用的是photopicker 这个库,原生与rn的交互传递参数,我使用的是promise回调方式,不知道如何交互的请看react与原生交互方式rn调用原生模块。然后re

#android
RN仿QQ实现滑动删除

效果图:通过react-native提供的PanResponder组件来处理滑动事件,类似于android中的view事件传递机制完整代码:https://github.com/wuyunqiang/SlideItem

    共 15 条
  • 1
  • 2
  • 请选择