
ReactNative
TaoLee-
这个作者很懒,什么都没留下…
展开
-
MUI事件管理
官方文档事件绑定1addEventListener()elem.addEventListener("swipeleft",function(){ console.log("你正在向左滑动");});2.on()mui(".mui-table-view").on('tap','.mui-table-view-cell',function(){ //获取id var id = thi原创 2016-12-15 10:47:43 · 1261 阅读 · 0 评论 -
ReactNative——仿微信toast提示
首先看一下微信的带图片的toast 是什么样子的: 没错就是这个样子,不得不说微信的提示窗口还是比较设计的实用+美观的。一个方形带图片和文字的提示窗;实现之前需要考虑的内容:1提示组件必须是全局的任何地方都可以调用; 2样式如何实现;首先看一个开源库react-native-root-siblings这个库解决了我们要考虑的第一个问题。它可以给root组件添加兄弟组件。这就实现在app 显示原创 2017-10-23 15:14:11 · 2809 阅读 · 0 评论 -
ReactNative——Iamge的大学问
怎么用??先说几种加载方式1本地图片<Image source={require('./my-icon.png')} />2原生资源图片(android为例) <Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} />3网络图片<Image source={{uri: 'https://faceboo原创 2017-08-16 23:39:41 · 553 阅读 · 0 评论 -
ReactNative编码规范
代码风格遵循Airbnb eslint 规范代码顺序好的顺序,代码清晰,方便查找,提高效率。 import顺序一般如下,并且分组 ReactReactNativeReduxReactRedux第三方库自定义组件图片公共样式业务组件及其样式Actions方法的顺序如下getDefaultProps getInitialState co原创 2018-01-03 09:37:37 · 1090 阅读 · 0 评论 -
Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found or could not be c
上线项目遇到的bug,在 安卓版本4-5之间,启动崩溃。。高版本没问题。 Caused by: java.lang.RuntimeException: Requested enabled DevSupportManager, but DevSupportManagerImpl class was not found or could not be createdCaused by: jav...原创 2018-07-13 18:46:11 · 3481 阅读 · 0 评论 -
ReactNative 'config.h' file not found
ReactNative项目编译报错,在根目录下执行以下命令cd node_modules/react-native/third-party/glog-0.3.4../../scripts/ios-configure-glog.sh原创 2018-11-06 20:19:09 · 422 阅读 · 0 评论 -
Build input file cannot be find: '/node_module/Libraries/WebSocket/libfishhook.a'
选中Libraries下方项目 选中target build phases Link Binary With Libraries 重新添加依赖原创 2018-11-06 21:09:42 · 1112 阅读 · 0 评论 -
统计APP代码行数
统计 src 文件夹中,所有 JS 文件的代码行数find ./src “(” -name “*.js” “)” -print | xargs wc -l统计 ios 文件夹,Objective-C(.h 和.m) 的代码行数find ./ios “(” -name “.h" -or -name ".m” “)” -print | xargs wc -l统计 android 文件夹,所有 ...原创 2018-12-14 16:24:22 · 1814 阅读 · 0 评论 -
ScrollView嵌套TextInput Android无法滑动
ScrollView which contains TextInput not scrolling - Android <ScrollView> <TextInput style={{ textAlign:'right' } /> ...原创 2019-01-23 15:35:56 · 1154 阅读 · 1 评论 -
ReactNative——键盘遮挡问题
看到的结果是上图这样的,但是实际操作确实相反的,我把Windowsoftinputmode 属性删除了问题解决。原创 2017-09-01 13:53:30 · 646 阅读 · 0 评论 -
React Native Could not expand ZIP
清理一下就可以:cd android gradlew clean cd .. react-native run-android 或者cd android && gradlew clean && cd .. && react-native run-android原创 2017-08-21 22:32:47 · 1177 阅读 · 2 评论 -
react native ——android返回键问题
1启动页为android-跳转RN界面 ,物理返回键最终后退到native android 界面。2启动页为ReactActivity 首页即为RN界面,android物理返回键不做处理,会直接退出应用。原创 2017-08-24 12:00:52 · 4759 阅读 · 0 评论 -
MUI utils
init创建子页面 关闭页面 手势事件配置 预加载 下拉刷新 上拉加载 设置系统状态栏背景颜色mui.init({//子页面 subpages: [{ //... }],//预加载 preloadPages:[ //... ],//下拉刷新、上拉加载 pullRefresh : { //...原创 2016-12-15 10:05:58 · 556 阅读 · 0 评论 -
MUI窗口管理
官方文档页面初始化 在app开发中,若要使用HTML5+扩展api,必须等plusready事件发生后才能正常使用,mui将该事件封装成了mui.plusReady()方法,涉及到HTML5+的api,建议都写在mui.plusReady方法中。如下为打印当前页面URL的示例:mui.init() mui插件初始化mui.ready() 当DOM准备就绪时,指定一个函数来执行。打开原创 2016-12-14 18:31:15 · 971 阅读 · 0 评论 -
css3中webkit-box的用法
转载出处 http://www.frontopen.com/288.htmlwebkit-box1、之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布 局。 至少width要自己去算百分比。 2.flexible box 就可以实现真正意义上的流体布局。只要给出相应属性,浏览器会帮我们做额外的计算。提供的关于盒模型的转载 2016-12-02 10:01:49 · 5737 阅读 · 0 评论 -
ReactNative——数据存储AsyncStorage
首先看看官网对AsyncStorage的定义: AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。它用来代替LocalStorage。LocalStorage是什么呢? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题 目前React项目中也是原创 2017-08-15 17:53:18 · 700 阅读 · 0 评论 -
ReactNative——Toast
一款支持android 和iOS平台的提示组件。react-native-easy-toast(点击查看api)原创 2017-08-17 09:01:51 · 402 阅读 · 0 评论 -
FBReader接入
1下载FBReader 2AndroidStudio import module 选择FBReader3 解决两个app的冲突。修改FBReader的 gradle使得FBReader的module类型为 library4解决Manifest 冲突 ,原创 2017-08-26 16:41:36 · 701 阅读 · 0 评论 -
关于ReactNative多分包的调研记录
1是否有必要多分包github的讨论 https://github.com/facebook/react-native/issues/5399#issuecomment-173058746好处:避免执行大量JS代码带来的性能瓶颈减少更新时的流量消耗业务分离,按需加载,实现webBundle,即用即载入优化载入时间,提高用户体验解开依赖关系,提高开发效率2国内几家公司的多分包方案...原创 2019-01-30 17:13:08 · 588 阅读 · 0 评论