NativeWind 是否支持 tailwind.config.js 中定义的自定义插件

问题描述 投票:0回答:1

我的tailwind.config.js是这样的

const plugin = require("tailwindcss/plugin");
module.exports = {
  plugins: [
    plugin(function ({ addUtilities}) {      
      addUtilities({
        ".heading3": {
          color: "#1F9D55",
          fontSize: "1rem",
          lineHeight: "26px"
        },
      });
    }),
  ],
};

然后我尝试在类似的地方使用

heading3
<Text className='heading3'>hello</Text>

但是,它不起作用。

然后我尝试在

twrnc
中使用它,这是另一个在tailwindcss和react-native之间工作的编译工具。 我尝试像这样使用
<Text style={tw`heading3`}>hello</Text>

它可以发挥作用。 但我更喜欢使用
className
方式而不是
style and tw function
方式。
那么 NativeWind 如何支持自定义插件中定义的类呢?

react-native expo tailwind-css nativewind
1个回答
0
投票

我删除了插件导入及其调用,然后我在没有它的情况下启动了我的应用程序,在我的应用程序运行后我将其收回,由于某种原因它的工作

© www.soinside.com 2019 - 2024. All rights reserved.