三、UI Components

App.js 页面通常有一个 topbar 和内容区域。topbar包含标题和按钮（用于导航和其他操作），而内容则具有页面的实际内容。

<div class="app-page">
  <div class="app-topbar"></div>
  <div class="app-content"></div>
</div>

App.js附带了一些内置的UI组件，并且已经设计好了。几乎所有这些都将在你的应用程序中结束。

注意，拥有特定于平台的样式通常很方便。例如，在这个页面顶部的演示中，topbar在iOS和Android上的风格略有不同。

为了适应这个应用，app.js在文档的主体上添加类，表示它正在运行哪个平台。使用这个类作为过滤选择器可以让您为单个小部件有单独的样式。

.my-widget {
  /* cross-platform styles */
}
.app-ios .my-widget {
  /* ios only styles */
}
.app-android .my-widget {
  /* android only styles */
}