Famework7アンドロイドナビゲーションバー

Question

イム建物のPhoneGapを持つアプリは、framework7.Theの事があります。

Index.htmlと

<meta charset="utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui"> 
<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="format-detection" content="telephone=no"> 
<meta name="msapplication-tap-highlight" content="no"> 
<link rel="stylesheet" href="css/styles.css"> 

<div class="statusbar-overlay"></div> 
<!-- Views --> 
<div class="views"> 
    <!-- Your main view, should have "view-main" class --> 
    <div class="view view-main"> 

     <div class="pages no-toolbar no-navbar"> 
      <!-- Page, "data-page" contains page name --> 
      <div data-page="index" class="page"> 
       <!-- Scrollable page content --> 
       <div class="page-content"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
<script src="lib/framework7/js/framework7.min.js"></script> 
<script> 
    (function() { 
    if (Framework7.prototype.device.android) { 
      Dom7('head').append(
       '<link rel="stylesheet" href="lib/framework7/css/framework7.material.min.css">' + 
       '<link rel="stylesheet" href="lib/framework7/css/framework7.material.colors.min.css">' 
     ); 
     } 
     else { 
      Dom7('head').append(
       '<link rel="stylesheet" href="lib/framework7/css/framework7.ios.min.css">' + 
       '<link rel="stylesheet" href="lib/framework7/css/framework7.ios.colors.min.css">' 
     ); 
     } 
    })(); 
</script> 

<script src="http://maps.google.com/maps/api/js" type="text/javascript"></script> 
<script type="text/javascript" src="cordova.js"></script> 
<script type="text/javascript" src="lib/framework7/js/framework7.min.js"></script> 
<script type="text/javascript" src="js/my-app.js"></script> 
<script type="text/javascript" src="js/notification.js"></script> 

PageThatImTryingToPutTheNavBar.html

<div class="views"> 
<!-- Your main view, should have "view-main" class --> 
<div class="view view-main"> 
    <div class="pages navbar-through"> 
     <!-- Page, "data-page" contains page name --> 
     <div data-page="dailyMenu" class="page no-toolbar"> 
      <!-- Scrollable page content --> 
      <div class="page-content"> 
       <div class="navbar"> 
        <div class="navbar-inner">       
         <div class="center">Awesome App</div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

は、材料設計仕様によると、アプリケーションバーのタイトルを中心にされていません。

を参照してください。材料設計構造here