Tailwind CSSでh-screenがnot supportedかつh-fullだと足りない時の対処法

React NativeでTailwind CSSを使っていてローディング画面を画面全体に囲いたかったのですが、absolute top-0 left-0 w-full h-screenと指定するとh-screenがnot supportedと警告されてしまいました。

しかし、h-fullで高さを100%にすると高さが足りません。どうすれば良いでしょうか。

対処法

heightとabsoluteの位置指定を消してabsolute inset-0 w-fullで画面全体にローディング画面が表示されました。

参考:Tailwind h-screen doesn’t work properly on mobile devices

ー この記事をシェアする? ー

  • Tailwind CSSでh-screenがnot supportedかつh-fullだと足りない時の対処法

この記事にコメントする

このサイトはreCAPTCHAとGoogleによって保護されています。プライバシーポリシー利用規約が適用されます。