- 博客(184)
- 资源 (8)
- 收藏
- 关注
原创 关于ReactNative多分包的调研记录
1是否有必要多分包github的讨论 https://github.com/facebook/react-native/issues/5399#issuecomment-173058746好处:避免执行大量JS代码带来的性能瓶颈减少更新时的流量消耗业务分离,按需加载,实现webBundle,即用即载入优化载入时间,提高用户体验解开依赖关系,提高开发效率2国内几家公司的多分包方案...
2019-01-30 17:13:08
540
原创 ScrollView嵌套TextInput Android无法滑动
ScrollView which contains TextInput not scrolling - Android <ScrollView> <TextInput style={{ textAlign:'right' } /> ...
2019-01-23 15:35:56
1053
1
原创 统计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
1726
原创 ios启动屏设置
点击Images.xcassets1选中2点击3选择支持的机型4上传合适的图片(mac可使用图片查看=&gt;工具=&gt;修改大小)5 设置启动页声明: 如果没有生效,尝试删除重装APPlaunchImage 是在没有LaunchScreen.xib和ios8以下显示的上图可见Launch启动页可以有两种设置方式。...
2018-12-06 23:23:59
685
原创 Could not resolve com.android.tools.build:gradle:2.3.+
在由3.2.0升级Android studio 到3.2.1之后,之前正常编译的项目,报错。发现很多之前的第三方库没有指定明确版本的都找不到依赖了。解决办法是全部指定 明确的版本号。- compile 'cn.testin.analysis:testin-data:latest.integration'- compile 'cn.testin.analysis:bugout:lat...
2018-11-12 15:37:42
2754
原创 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
1067
原创 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
371
原创 AppAutoStartupPolicy
HwPFWLogger: AppAutoStartupPolicy:prevent start receiver of package com.shuidao.daotian.repair.debug for action com.huawei.intent.action.PUSH以上是华为手机杀死程序后推送系统日志问题描述:EMUI 4.0.1 华为推送前台后台可以正常收到推送杀死...
2018-11-02 09:14:26
492
原创 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
3316
原创 ReactNative编码规范
代码风格遵循Airbnb eslint 规范代码顺序好的顺序,代码清晰,方便查找,提高效率。 import顺序一般如下,并且分组 ReactReactNativeReduxReactRedux第三方库自定义组件图片公共样式业务组件及其样式Actions方法的顺序如下getDefaultProps getInitialState co
2018-01-03 09:37:37
1040
翻译 Unable to resolve module `react-native/Libraries/EventEmitter/EventEmitter`
React Native项目编译报错;遇到这个问题,很神奇,版本问题,Google了一下,最后解决了如下原帖在这。 特此markchangeimport EventEmitter from 'react-native/Libraries/EventEmitter/EventEmitter';toimport EventEmitter from 'react-native/Libraries/vend
2017-11-05 22:47:11
2137
原创 Error:Failed to resolve: com.android.support:support-annotations:27.0.0
在项目的build.gradle里面最外层添加configurations.all { resolutionStrategy.force 'com.android.support:support-annotations:23.1.0' } 使用指定版本的support-annotations
2017-11-05 22:44:23
2132
原创 ReactNative——动画学习
支持的动画组件单个动画旋转 缩放 平移 透明度import React, { Component } from 'react';import { Animated, StyleSheet, Text, TouchableOpacity, View } from 'react-native';export default class App extends Component { cons
2017-11-03 15:52:42
446
原创 ReactNative—学习资源
框架类 MobX 阮大神的Redux讲解组件 RN 的MD材料设计风格组件 http://react-native-material-design.github.io react-native-material-designReactNative库 https://www.native.directory/
2017-10-30 15:17:54
441
原创 ReactNative——仿微信toast提示
首先看一下微信的带图片的toast 是什么样子的: 没错就是这个样子,不得不说微信的提示窗口还是比较设计的实用+美观的。一个方形带图片和文字的提示窗;实现之前需要考虑的内容:1提示组件必须是全局的任何地方都可以调用; 2样式如何实现;首先看一个开源库react-native-root-siblings这个库解决了我们要考虑的第一个问题。它可以给root组件添加兄弟组件。这就实现在app 显示
2017-10-23 15:14:11
2729
原创 ReactNative——fetch封装新姿势
React和ReactNative 的网络请求使用的是fetch关于基本的POST和GET请求以及异步变同步就不再描述,看看API的介绍。网络请求封装要完成的内容有:1、基本功能(网络请求)2、统一处理 异常处理 不同错误码处理3、可定制loading弹窗提示4 、可定制Header5、超时处理6、登陆验证token处理7、url 特殊字符处理8、网络请求日志打印 超级方便的调试技
2017-09-11 14:28:24
991
原创 ReactNative架构——iflux-native
iflux-nativeReact features强调组件化的开发方式(更高的抽象层次,更好的分离关注点)声明式的开发风格(更好的表现力)单向的数据流动(简单可预测)超高性能的渲染60fps不是梦 (掌声在哪里?)最大的创新源于virtual dom (以及virtual native)轻量,可以在现有的系统中快速试错精确的生命周期,更简单的整合第三方的库(jquery)
2017-09-10 20:37:12
969
原创 ReactNative——键盘遮挡问题
看到的结果是上图这样的,但是实际操作确实相反的,我把Windowsoftinputmode 属性删除了问题解决。
2017-09-01 13:53:30
607
原创 Plugin with id 'com.github.dcendents.android-maven' not found
在项目根目录下的build.gradle 的dependencies添加classpath 'com.github.dcendents:android-maven-gradle-plugin:1.4.1'classpath 'com.jfrog.bintray.gradle:gradle-bintray-plugin:1.0'
2017-08-28 16:39:28
453
翻译 Android阅读器——FolioReader
接入指南Add following dependency to your app build.gradleapp的 build.gradlecompile 'com.folioreader:folioreader:0.3.1'然后报错Error:Failed to resolve: org.readium:r2-fetcher:0.1.2Open FileShow in Project Stru
2017-08-26 18:30:53
4031
6
原创 FBReader接入
1下载FBReader 2AndroidStudio import module 选择FBReader3 解决两个app的冲突。修改FBReader的 gradle使得FBReader的module类型为 library4解决Manifest 冲突 ,
2017-08-26 16:41:36
661
原创 react native ——android返回键问题
1启动页为android-跳转RN界面 ,物理返回键最终后退到native android 界面。2启动页为ReactActivity 首页即为RN界面,android物理返回键不做处理,会直接退出应用。
2017-08-24 12:00:52
4684
原创 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
1151
2
原创 ReactNative——Toast
一款支持android 和iOS平台的提示组件。react-native-easy-toast(点击查看api)
2017-08-17 09:01:51
361
原创 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
521
原创 数组元素连接成字符串
数组转字符串var a, b;a = new Array(0,1,2,3,4);b = a.join("-");字符串转数组var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解。
2017-08-15 17:55:41
2420
原创 ReactNative——数据存储AsyncStorage
首先看看官网对AsyncStorage的定义: AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。它用来代替LocalStorage。LocalStorage是什么呢? 在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题 目前React项目中也是
2017-08-15 17:53:18
647
原创 Image组件简介
resizeMode : 枚举类型,(cover,contain,stretch)。表示图片适应的模式。source: 图片的引用地址,值为:{uri: string}。如果是本地的静态资源,需要使用 require('./image.png')包裹。defaultSource : iOS支持的属性,表示默认的图片地址。如果网络图片加载完成,将取代defaultSource。onLoad: i
2017-08-15 16:44:47
795
原创 ReactNative下拉刷新上拉加载
/** * Created by TaoLee on 2017/8/1. */import React, {Component} from 'react';import { View, StyleSheet, ListView, Image, Text} from 'react-native';import { SwRefreshScrollView, SwR
2017-08-11 14:43:48
690
原创 ES6和React知识思想
JSX:创建ReactElement的便捷写法。(JS对象来表述DOM元素) ReactElement:一种轻量级、无状态、不可改变的DOM元素的虚拟表述。 Babel VertualDOM:JS对象来表述DOM元素 Flux:facebook提出的前端应用架构模式,核心概念是单向数据流 Dispatcher: Action:JavaScript对象。信息载体 StoreR
2017-07-17 15:32:50
1203
原创 ReactNative导航
import React from 'react';import { TouchableOpacity, AppRegistry, StyleSheet, Text, Image, View} from 'react-native';import {StackNavigator} from 'react-navigation';import {
2017-07-12 15:11:24
617
原创 android嵌套React Native
事实证明按照官网流程是有很多坑的。而且官网默认是Mac环境下。下面我就把遇到的坑都填上。填坑开始1新建原生android项目,命令行打开根目录npm init 回车 package nam( 1.0.0) 回车 version 后 到version就卡主不动了一直回车没反应 这个应该是Windows系统的问题,换个shell可以解决,比如cmder、git bash。 本人使用
2017-07-08 17:04:37
820
原创 React常用css爬坑
居中:左右居中//文本或图片等内容物居中 text-align: center;//块居中margin:0 auto;父级{ text-align: center;}子级{ display:inline-block;}垂直居中 高度需要使用 line-height: 30px;的情况下vertical-align: middle;去掉边框border: null元素
2017-07-03 17:31:59
2130
原创 React爬坑手册
1引入的Anit Design在复制到另一个项目中样式消失。引入样式:尝试引入样式 而且两者样式可能会有差别import 'antd/dist/antd.css'; import'antd/dist/antd.less'
2017-06-29 17:54:10
400
原创 React
使用Anit Design根据样式选择复制代码。注意执行 export default Form.create()(TestPage);跳转方式一 // 跳转主页面 window.location.href = '/';前提在路由里定义 跳转方式二 browserHistory.push('/select-identity');同样是需要路由配置 部分二级路由需要携带参数例如ID等
2017-06-26 16:06:09
405
原创 SpannableString实现富文本
最近需要实现类似微博的转发@某人,,点击某人调转个人中心public class MainActivity extends AppCompatActivity { TextView textView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(sa
2017-05-27 13:56:39
385
原创 PoupWindow背景util
适合底部popupwindow弹出时背景设置半透明效果常量 public static final float POPUP_WINDOW_BG_ALPHA=0.5f; public static final float POPUP_WINDOW_BG_ALPHA_NOMAL=1f;public class PopupWindowUtil { private static Act
2017-04-18 14:31:00
515
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人