大家好,我遇到了一个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文件中的自定义颜色,并期望它改变我的应用程序的颜色,但它坚持使用旧的颜色。
1条答案
按热度按时间hrysbysz1#
我有两个解决办法:
错误的解决方案
更新颜色名称并执行全局查找/替换。(例如:将
"theme": {
更改为"newTheme": {
)。正确的解决方案
清除expo缓存:
expo start -c
。这会导致启动速度慢得多,所以我在package.json中创建了一个“清除缓存”脚本:npm run clearCache
或yarn clearCache