スプラッシュスクリーンのステータスバーの消し方

こんにちは、プログラミング初心者です。
現在Monaca(HTML5+JavaScriptのアプリ開発プラットフォーム)を使用してiosアプリ開発に取り組んでおります。

起動時のスプラッシュスクリーンにステータスバーが表示されるのを消したいと考えていますが、各方面で調べてもコードや実装方法が見つからなくて、何か解決策や具体的なコードなどご存知の方がいらっしゃれば、よろしくお願いします

行動規範の内容に同意します

回答2件

ベストアンサー

Cordovaのプラグインやら設定やらはちょいちょいバージョン変わって記述方法が変わるので難しいんですよねー。

前提条件はこれです。

Cordovaバージョン6.2.0(現在プロジェクト作成すればこれになってます)
Custom Config 2.0.3（デフォルトで入ってます。現在のCordovaではこのバージョンより新しくすると動きません）
StatusBar 2.2.3（現時点でインストール可能な最新バージョンで動きます）

config.xml内で、<platform name="ios">～</plaftorm>の範囲内に

xml
1<config-file platform="ios" target="*-Info.plist" parent="UIStatusBarHidden">
2	<true/>
3</config-file>
4<config-file platform="ios" target="*-Info.plist" parent="UIViewControllerBasedStatusBarAppearance">
5	<false/>
6</config-file>

を追記します。
これで起動時から非表示が達成できます。
ただし、カスタムビルドデバッガー上ではすぐに反映されません。
確認するためにはカスタムビルドデバッガーをリビルドする必要があります。

なお、Androidではステータスバー非表示は簡単です。
Androidアプリの設定でフルスクリーン:有効にチェックを付けるだけで出来ます。

投稿2017/07/20 06:41

zohnam

総合スコア1441

anopurihana

2017/07/20 13:41

zohnamさんご回答ありがとうございます。この質問ともう一つのほうでも、お世話になっております。早速上記の方法を試してみましたが、反映されませんでした。カスタムビルドデバッガーとデバッグビルド両方で確認しました。この場合、既存のコードが邪魔をしているからなのでしょうか・・。ちなみに、statusbarのプラグインは2.2.3ではなく2.1.3でした。これ以上新しくはできないようです。

行動規範の内容に同意します

cordova-plugin-statusbarのプラグインを有効にし、
config.xmlにて<preference name="StatusBarOverlaysWebView" value="false" />と設定すれば、ステータスバーは表示されないと思います。
その後、ステータスバーを表示したければ、StatusBar.showメソッドで表示させるようにするのはいかがでしょうか？

投稿2017/07/20 00:38