React NativeでTailwind CSSを使用したいということで調べてみると下記２つが該当した。
tailwind-rnとnativewindの比較
- tailwind-rn ☆4.1k
- nativewind ☆3k
スターはtailwind-rnが上回っているけど、活動の多さではnativewindが上回っているようなので、nativewindを採用した。
nativewindの導入
ドキュメントも丁寧なのでなぞって行っていく。
上記コマンドで該当パッケージをインストールする。
次に上記コマンドでtailwind.config.jsを作成し、下記のように記載する。
次にbabel.config.jsを下記のように編集していく。
以上とのことなので、起動してみる。…