ANDROID 中的 ONS 工具栏

Question

我正在使用 ONSEN 在移动应用程序中设计一个页面 UI。在页面中，我使用了温泉工具栏。我面临的问题是我正在写的文本没有出现在中心，即使我使用居中 class 来写。我尝试了一些替代解决方案，例如 "text-allign=center"，文本，但 none 有效。请告诉我一些可以使文本居中的方法。 p.s。 - 我正在 android 环境中开发应用程序，已经在模拟器和设备上测试了应用程序。这是我为工具栏编写的代码。

     <ons-toolbar style="background-color:#000;opacity:0.5; ">       
         <div class="center" style="color:white">Some Text</div> 
    </ons-toolbar>

Answer 1

使用属性 fixed-style 将工具栏居中于 Android:

<ons-toolbar fixed-style>
  <div class="center">
    Centered title
  </div>
</ons-toolbar>

它不以 Android 为中心的原因是，对于原生 Android 应用程序，标题通常是 left-aligned。当然也有例外。

ANDROID 中的 ONS 工具栏

ONS Toolbar in ANDROID

html

css

android

cordova

onsen-ui