Expo Web(React Native Web)中Tailwind CSS类被内联样式覆盖的问题求助
Expo Web(React Native Web)中Tailwind CSS类被内联样式覆盖的问题求助
各位大佬,我遇到个头疼的问题想请教下!我正在开发一款Expo应用,最初是针对Android平台构建的,现在想让它也能在网页端正常运行,尤其是适配移动端浏览器。结果发现,当应用在iOS和Android的移动端浏览器里运行时,我写的Tailwind CSS类居然被一些意想不到的内联样式给覆盖了!
举个实际的例子,我代码里有这样一个Image组件:
<Image source={require("@/assets/images/logo-login.png")} className="w-[105px] h-[105px] mt-4" resizeMode="contain" />
(注:原提问中resizeMode的内容存在截断,这里补了常见的contain属性值)
我通过Tailwind设置的宽度、高度和上边距样式,都被浏览器自动生成的内联样式冲掉了,导致组件的显示效果完全不符合预期。有没有朋友遇到过类似的情况?求支招解决这个问题!
备注:内容来源于stack exchange,提问作者Harjeevan Singh
相关产品推荐
相关产品推荐

