NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
Frame

This is an overview of the most common usage of Frame. For more information about the available properties, methods, or events, head over to the complete API documentation for Frame.

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


单一的根框架

如果要从nativescript 3.x进行迁移并希望保留旧行为,则条目文件中的以下代码段将创建根框架并呈现您的默认页面。

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

多个框架

如果您需要创建多个框架,可以通过将它们包装在布局中来实现,例如,如果您想要并排放置2个框架

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

具有默认页面的框架

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

原生组件

AndroidiOS
org.nativescript.widgets.ContentLayoutUINavigationController
Contributors