The iOS app of Monaca+AngularJS creates a blank space on the toolbar.

I am developing an application using Monaca, but as shown in the image below, there is a blank space on the toolbar.

This is not the case with Android.

If you try many things, it seems that you can only use AngularJS to create spaces.

By the way, index.html is

<!DOCTYPE HTML>
<htmlng-app="myApp">
<head>
    <metacharset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scale=no">
    <script src="components/loader.js"></script>
    <link rel="stylesheet" href="components/loader.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/app.js"></script>
</head>

<bodying-controller="Page1Ctrl">
    <ons-tabbar var="tabbar">
        <ons-tabbar-item
            icon="home"
            label = "Home"
            page="navigator/navigator1.html"
            active="true"></ons-tabbar-item>
        <ons-tabbar-item
            icon="fa-book"
            label="Menu"
            page="navigator/navigator2.html">/ons-tabbar-item>
        <ons-tabbar-item
            icon="fa-star-o"
            label="Coupon"
            ng-click="on_search_btn()">/ons-tabbar-item>
        <ons-tabbar-item
            icon="fa-phone"
            label="Reservation"
            page="navigator/navigator4.html">/ons-tabbar-item>
    </ons-tabbar>
</body>
</html>

That's right.

Why is that?I'm sorry I'm not an amateur, but I'd appreciate it if you could teach me

ios monaca css angularjs

2022-09-30 20:30

1 Answers

I am using OnsenUI, so I think the following code will eliminate spaces.

ons.disableAutoStatusBarFill(); // (Monaca enable StatusBar plugin by default)

For a description of utdisableAutoStatusBarFill() 」, see the following:
http://ja.onsen.io/guide/overview.html#disableautostatusbarfill

2022-09-30 20:30

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656