- 博客(11)
- 资源 (4)
- 收藏
- 关注
RSS订阅转载 React Native封装Android原生UI组件
1、概述在React Native中，咱们已经接触了不少种丰富的组件了，例如 ScrollView、FlatList、SectionList、Button、Text、Image等等...经常使用的组件已经能够帮助咱们实现并知足平常开发中所遇到的功能需求。可是产品经理突发奇想仍是会提出各类“新鲜”的功能，一些复杂的界面实现，在RN层面变得异常棘手，因此须要咱们从原生层去组建View，在RN中完成渲染。本篇内容会以实际开发的案例来引导你们学会如何在Android层封装原生UI组件。总体流程以下：andr
2021-08-17 10:19:41
1429
原创 RN Metro打包流程
1. 命令参数解析：react-native bundle --dev false --platform android --entry-file index.js --config bundle.main.js --bundle-output ./CodePush/index.android.bundle --assets-dest ./CodePush --sourcemap-output ./CodePush/index.android.bundle.map " bund..
2021-08-04 14:14:46
1190
转载 React实践
转载:https://zhuanlan.zhihu.com/p/41023625一、业务背景与技术选型在使用 React Native （以下简称RN）之前，和业界大部分团队一样， 我们 APP 的开发模式采用的是客户端（iOS/Android）内嵌 H5 的 Hybrid 开发模式。一开始，我们除了采用比较成熟的离线包方案管理静态资源，在首屏加载体验上我们也做了不少优化工作，但发现 H...
2019-03-28 17:35:52
361
原创 Android 遇到的错
1. 解决android studio上“com.android.dex.DexIndexOverflowException: method ID not in [0, 0xffff]: 65935”问题解决办法如下：1、在项目的build.gradle文件的dependencies 节中添加分包设置：dependencies { ... compile 'com.andr...
2018-10-25 11:14:56
201
原创 关于React首屏白屏问题
主要从下面几个地方优化：在HTML内实现Loading状态或者骨架屏 去掉外联 css 缓存基础框架 使用动态 polyfill 使用 SplitChunksPlugin 拆分公共代码 正确地使用 Webpack 4.0 的 Tree Shaking 使用动态 import，切分页面代码，减小首屏 JS 体积 编译到 ES2015+，提高代码运行效率，减小体积 使用 lazyl...
2018-10-20 19:10:32
4219
原创 ERROR: react-native version mismatch
React Native version mismatch.JavaScript version: 0.55.4Native version: 0.57.0Make sure that you have rebuilt the native code. If the problem persists try clearing the Watchman and packager cache...
2018-10-13 11:31:36
676
原创 Win 10 安装adb， 抓取Crash log
第一步： 下载adb文件https://download.youkuaiyun.com/download/u013012391/10715987 （里边有使用说明）第二步：设置硬件id(调试的硬件) adb_usb.ini 内容：# ANDROID 3RD PARTY USB VENDOR ID LIST -- DO NOT EDIT.# USE 'android update ad...
2018-10-12 13:42:34
551
原创 关于Webpack配置
一. 定义entry(入口文件)和output(出口文件)二. 定义module(加载器: js、file、picture、css)三. 定义resolve(配置模块如何解析)四. 定义plugins(三方插件，主要有HtmlWebpackPlugin生成html插件、 ExtractTextPlugin提取样式插件、 CommonsChunkPlugin提取引用的第三方文件...
2018-10-10 11:35:49
156
原创 React Native优化
1. PureComponent使用PureComponent来代替Component，避免React大量比较的工作，其适用于不变的组件，尤其是和数据、业务无关的纯展示组件。 2. React Native性能优化之可取消的异步操作 1) 为Promise插上可取消的翅膀export default function makeCancelable(promise){ ...
2018-04-02 20:32:59
368
转载 【RN】react-native init ***时，出现Cannot find module 'invariant'
转载: https://www.cnblogs.com/mengyan1124/p/6387403.html网上有两种说法：1、使用国内镜像 参考：http://blog.sina.com.cn/s/blog_6dca373a0102vyrn.html 即在命令行下依次输入： 1）npm config set registry https://registry.npm.taobao.or...
2018-03-29 11:14:40
316
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人