1. ホーム
  2. reactjs

React Nativeでステータスバーを非表示にする

2023-08-03 10:57:33

質問

React Nativeで開発する際、iOSやAndroidのステータスバーを非表示にするにはどうしたらよいでしょうか。StatusBarをインポートしましたが、StatusBarIOSやAndroid用のStatusBarもあるかと思います。

どのように解決するのですか?

ステータスバーを非表示にする方法がわかりました。まず、StatusBarIOSは 非推奨 になっているので、インポートする必要があります。 StatusBar をインポートし、レンダリングの先頭にこのコード・スニペットを含めるだけです。

<StatusBar hidden />

React Nativeのドキュメント StatusBar