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.tsx 的 createIcon)。
基于上述实现原理,请注意以下几点:
- 传入的
className仅会作用于外层的<Image />组件,通常只能用于控制布局、外边距、对齐等样式,无法穿透修改内部 SVG 的线条(stroke)或填充(fill)。 - 因此,无法通过类似
text-*这样的文本颜色类名来更改图标颜色。若需调整图标颜色,请直接使用组件提供的color属性。