lucide-react-taro

Installation
SKILL.md

lucide-react-taro

lucide-react-taro 是 Lucide 图标库的 Taro 适配版本,专为 Taro 微信小程序和 Web 平台设计。

渲染原理(微信小程序端)

在微信小程序环境中,图标并非通过原生的 <svg /> 标签进行渲染。为了兼容小程序平台,底层会将 SVG 转换为 data:image/svg+xml 格式的字符串,并交由 @tarojs/components<Image /> 组件来展示(实现入口:src/create-icon.tsxcreateIcon)。

基于上述实现原理,请注意以下几点:

  • 传入的 className 仅会作用于外层的 <Image /> 组件,通常只能用于控制布局、外边距、对齐等样式,无法穿透修改内部 SVG 的线条(stroke)或填充(fill)。
  • 因此,无法通过类似 text-* 这样的文本颜色类名来更改图标颜色。若需调整图标颜色,请直接使用组件提供的 color 属性。

安装

Installs
35
GitHub Stars
17
First Seen
Mar 4, 2026
lucide-react-taro — louisyoungx/lucide-react-taro