初次借助rnr UI库进行React Native的开发，记录一下遇到的问题。

问题记录

我在自己新建的chat.jsx文件中，尝试用tailwind的样式（比如Card中的bg-slate-50和Text中的text-red-500），却发现这些样式无法生效。

<Card className="bg-slate-50 w-full max-w-sm p-6 rounded-2xl border-0 shadow-none">
	<Text className="text-red-500 text-2xl">这是一段聊天记录</Text>
</Card>

问题解决

定位问题

在网上找了半天之后，我翻到了react-native-reusables在Github上的一个issue：
[ BUG ] No access to Nativewind variables inside portal #325

这个老哥说是使用了Portal之后，他没办法正常使用Nativewind的样式变量。

我就感觉他遇到的问题，和我遇到的问题有些类似；然后我就翻到了该issue下的一条评论：

看到这个用户的评论，我就把ta贴出来配置的和我自己的配置文件进行了对比，才发现自己的tailwind.config.js文件中，其中一项的扩展名没有包含.js和.jsx！

解决方案1

把.js和.jsx加上之后，tailwind的样式就能正常显示了。

解决方案2

当然，如果创建的文件扩展名本来就是.tsx，就也不会有这个问题了。