<Frame> 是一个用于显示 <Page> 元素的 UI 组件。每个应用程序至少需要一个 <Frame> 元素，通常设置为根元素。

单个根 Frame

如果您正在从 nativescript 3.x 迁移，并且想要保留旧的行为，您可以在入口文件中使用以下代码段来创建一个根 Frame 并呈现您的默认页面。

new Vue({
  render: h => h('Frame', [ h(HomePageComponent) ])
})

多个 Frame

如果您需要创建多个 Frame，您可以将它们包含在一个布局中，例如，如果您希望并排放置 2 个 Frame。

<GridLayout columns="*, *">
  <Frame col="0"/>
  <Frame col="1"/>
</GridLayout>

带有默认页面的 Frame

<Frame>
  <Page>
    <ActionBar title="Default Page Title" />
    <GridLayout>
      <Label text="Default Page Content" />
    </GridLayout>
  </Page>
</Frame>

带有来自外部组件的默认页面的 Frame

<Frame>
  <Page>
    <Home />
  </Page>
</Frame>

import Home from './Home'

export default {
  components: {
    Home
  }
}

原生组件