ReactNative 之 Keyboardavoidingview 源码解析
源码地址:https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js 1. 组件原理Keyboardavoidingview 组件通常用于防止 ...

ReactNative踩坑之路
1. ScrollView 中的 TextInput 阻止滑动操作当 TextInput 出现在 ScrollView 中时,同时设置 textAlign: right 的样式后,会出现如果点按到 TextInput 元素后再下滑,就会导致无法下滑。这一问题是 React 本身的 Bug 造成的,参 ...

从WebGL谈起到react-three-fiber
1. WebGL1.1 何为 WebGL在探讨什么是 WebGL 之前我们需要先来了解一下 OpenGL。 在早期的计算机上,绘制 3D 图像需要单独针对与一种硬件与一种操作系统进行“定制化”的编程,然而这样的开发成本无疑是巨大的。因此出于减少开发成本,关爱程序员发际线的人道主义精神,OpenGL ...

ECharts —— Pie 图自定义方案
1. Legend在 Echarts 中,我们经常会出现设计师设计的 Legend 与实际 Echarts 自带的 Legend 不符的情况,这时候我们往往要重新自定义 Legend。 1.1 自定义 icon修改 icon 类型对于 icon 的修改,可以在 legend.icon 配置项下进行 ...

ReactNative下实现文本折叠的效果
1. 场景在默认情况下,文本显示两行,同时未显示全的文字要有省略号的效果: 当用户点击展开按钮后,可以展开全部文本: 2. 分析在 RN 中 <Text> 组件拥有一个 props 为 numberOfLines 可以用来显示文本的行数,如果超出文本行数,文本就会用 ... 来表示, ...

使用 Reactotron 调试 ReactNative 应用
使用 Reactotron 进行调试Chain React 2018: Debugging and Beyond with Reactotron 安装 Reactotron 客户端: https://github.com/infinitered/reactotron/releases 在项目中安 ...

React Navigation 4.x 快速使用指南
0. 安装 React Navigator 官方文档:https://reactnavigation.org/docs/4.x/getting-started 安装 React Navigator 1npm install react-navigation 1. 堆栈导航 StackNaviga ...

React 测试工具简单介绍与使用
1. 通用测试工具 Jest Jest 是一个 JavaScript 测试运行器。它允许你使用 jsdom 操作 DOM 。尽管 jsdom 只是对浏览器工作表现的一个近似模拟,对测试 React 组件来说它通常也已经够用了。Jest 有着十分优秀的迭代速度,同时还提供了若干强大的功能,比如它可以模 ...

ShadowSocksR使用教程
1. 原理概述Shadowsocks 的运行原理与其他代理工具基本相同,使用特定的中转服务器完成数据传输。 例如,用户无法直接访问Google,但代理服务器可以访问,且用户可以直接连接代理服务器,那么用户就可以通过特定软件连接代理服务器,然后由代理服务器获取网站内容并回传给用户,从而实现代理上网的效 ...

浏览器常见的兼容性问题以及解决方案
1. 前言本文前半部分将主要展示各主流浏览器的内核版本情况,HTML5以及CSS3的支持情况,以及开发过程中常见的兼容性问题。后半部分则将会从工程化的角度上来考虑如何解决这些问题,并提出向下兼容的方案。 Tips:文档内 “+” 均表示大于等于,如 IE9+ 即代表 IE 版本号大于等于 9。 ...