React Native tailwind.config,js自定义颜色不变

h6my8fg2  于 2023-02-05  发布在  React
关注(0)|答案(1)|浏览(119)

大家好,我遇到了一个tailwind****css自定义颜色的问题,我定义了一些颜色,但它们没有改变,这意味着我有一些自定义颜色,它们一开始工作正常,但当我改变任何颜色的值时,这些变化不会反映在我的应用程序中,我正在使用nativewind和**tailwindcss的本机React项目,**我还尝试重新运行应用程序,但仍无变化

顺风配置js

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./App.{js,jsx,ts,tsx}'],
  // './<custom-folder>/**/*.{js,jsx,ts,tsx}'
  // darkMode: true,
  theme: {
    colors: {
      // 'mainCol': '#00FFAE',
      "theme": {
        'mainDarkCol': '#000',
        'mainLightCol': '#CEFBE3',
        'buttonBg': '#5DD0E1',
        'buttonText': '#34B7CB',
      },
      'navBg': {
        'from': 'rgba(5, 119, 98, 1)',
        'to': 'rgba(7, 221, 137, 1)'
      },
    },
  },
  plugins: [],
}

应用程序的当前响应

在将mainLightCol更改为其他颜色(如黑色)后,我仍然得到与上图相同的颜色,即使我尝试停止React Native服务器并重新运行它,但也没有成功。
所有自定义颜色都会出现这种情况,而不仅仅是mainLightCol
有没有人有办法
同样,在开始的时候,我在扩展字典中使用颜色,但后来我在github上看到有人说要在主题字典中使用它,但这两种方法都不能解决我的问题。
也许它叫扩展词典如果不是,请告诉我它叫什么
我试图改变tailwind的config js文件中的自定义颜色,并期望它改变我的应用程序的颜色,但它坚持使用旧的颜色。

hrysbysz

hrysbysz1#

我有两个解决办法:

错误的解决方案

更新颜色名称并执行全局查找/替换。(例如:将"theme": {更改为"newTheme": {)。

正确的解决方案

清除expo缓存:expo start -c。这会导致启动速度慢得多,所以我在package.json中创建了一个“清除缓存”脚本:

"scripts": {
  "dev": "expo start",
  "clearCache": "expo start -c",

npm run clearCacheyarn clearCache

相关问题