アプリの立ち上げ時にステータスバーを消したいです！

Question

こんにちは、プログラミング初心者です。
現在Monaca(HTML5+JavaScriptのアプリ開発プラットフォーム)のベーシックプラン(無料)を使用してアプリ開発に取り組んでおります。
アプリ表示画面上で、iphone画面のような上部に表示されるステータスバーを非表示にしたいです。(電池残量や電波状況など)
何か解決策や具体的なコードなどご存知の方がいらっしゃれば、よろしくお願いします。

Answer 1

プラグインでStatusBarを追加し、
config.xmlに
<feature name="StatusBar">

<param name="ios-package" value="CDVStatusBar" onload="true" /> </feature> のみ追加するだけで大丈夫でした。

scriptの
function onDeviceReady() {
StatusBar.hide();
}
でようやく消せました。
Bildしないと確認できませんでした。

Comments

[anopurihana]

hisanetさん　ご返事ありがとうございます。上記のコードをそれぞれConfigとJavascript内に付け加えました。ビルドの時にまた確認したいと思います。丁寧なご指摘ありがとうございました。

Answer 2

StatusBar を制御するプラグインがあるようですので、使ってみたらどうでしょうか？

https://docs.monaca.io/ja/reference/cordova_6.2/statusbar/ には、

アプリ起動時の非表示設定

とあります。

Comments

[anopurihana]

CHERRYさん
ご回答ありがとうございます。
ご提案のように試してみましたが、反映されませんでした。
他にも同じ境遇の方がいらっしゃるようです。

Cordova 6.2 以降をサポートする Monaca フレームワークでは、MonacaApp-Info.plist ファイルを使用しないように、仕様が変更されました。よって、iOS アプリの設定をカスタマイズする場合には、Custom Config プラグイン を使用する必要があります。

どうやらこの仕様変更があってから、反映が難しくなったようです。

[CHERRY]

最近、Monaca 触っていなかったのですが、いろいろアップデートされて変わっているんですね。

Custom Config プラグイン( https://docs.monaca.io/ja/reference/config/ios_configuration/ )のところに 「UIStatusBarHidden を true に設定して、 UIViewControllerBasedStatusBarAppearance を false に設定した場合、アプリの画面上部のステータスバーは、非表示となります。」「UIViewControllerBasedStatusBarAppearance : ステータスバーの制御プラグイン ( StatusBar プラグイン ) を使用する場合には、true に設定します。」とあるので、Custom Config プラグイン と組み合わせるようになったのですね。

ちょっと検証環境がないのですが、「Custom Config プラグイン」の内容の場合、どうでしょうか？

[anopurihana]

CHERRYさん
ご親切にありがとうございます。
以下のようなコードをConfig.xmlに書き込んでみましたが、何も反映されませんでした。
内容自体は正しいはずなのですが、アプリ自体をビルドした後で反映されるということなのでしょうか…？
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
<config-file platform="ios" target="*-Info.plist" parent="UIStatusBarHidden">
<plist version="1.0">
<dict>
<key>UIStatusBarHidden</key>
<true/>
</dict>
</plist>
</config-file>
<config-file platform="ios" target="*-Info.plist" parent="UIViewControllerBasedStatusBarAppearance">
<dict>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
</dict>
</config-file>

[hisanet]

同じ質問で散々悩みましたが、解決しましたので以下試して見てください。

プラグインでStatusBarを追加し、
config.xmlに
<feature name="StatusBar">
<param name="ios-package" value="CDVStatusBar" onload="true" />
　</feature>
を追加します。

scriptの
function onDeviceReady() {
　StatusBar.hide();
}
でようやく消せました。
Bildしないと確認できませんでした。

[anopurihana]

hisanetさん　ご回答ありがとうございます。ご掲載いただいたコードを前の回答者の方への返答として上で載せているコードを消さずに追加するという解釈でよろしいでしょうか？

[hisanet]

失礼しました。コメント欄間違えました。
新規の回答に書き直します。