react-native
使用 React Native Screens 构建一个 Native Navigation 之内部原理
上回说到,我们已经初步了解 React Native Screens 的 ScreenStackItem 用法。这节我们探索一下这个组件的原生实现,然后写一个简单的 Navigation 类。 ScreenStackItem 是怎么实现的
源码定位
进入 React Native…
React Native 预载 WebView 加速内容呈现
Note 本文档仅适用于 Expo 52 以上版本。原生组件使用 Swift 编写,适用于 iOS 平台。安卓暂不考虑。
在使用 React Native 编写 App 中,或许会需要 WebView 的地方,例如展示一段 HTML,渲染一个 RSS 内容等。常规的使用 re…
在 Expo 中使用 Native 组件
目前,较为流行的 React Native 框架是 Expo,Expo 提供了 Expo Modules API 可供我们快速的开发一个 Native 组件或者模块。 这篇文章将简单介绍如何在 Expo ~52 中在当前项目中初始化并编写一个简单的 Native 组件。
准备
开…
React Native 实践:Colors
开始编写 Follow Mobile 已经过去一个月了,想想也该沉淀点什么东西了。 这篇文章首先来讲讲 Follow Mobile 的颜色体系。
开始之前需要知道的是 Follow Mobile 是使用 React Native 开发的并且使用了 Expo 框架。
准备条件
由于…
关于 React Native 的 WebView 编辑器问题记录
本篇文章主要解决两个问题: WebView 编辑器 Toolbar 的吸附键盘
WebView 编辑器焦点元素被虚拟键盘遮挡
Important
这篇文章可能只适用于 React Native ~0.72
背景
最近在写 React Native,需要实现一个文本编辑器…
CSS 文本溢出 Clip 不裁切半个字符
最近同事问我,CSS 能不能实现文本溢出截断,但是不要把单个字符截断。一般我们会用 text-overflow: clip; overflow: hidden 去实现这个。但是很多情况下都会出现这样的情况。 我想了一下,好像不太行,要是我就用 JS 去算宽度…