nativescript - Tabview 与 GridLayout 与 DockLayout

Question

我检查了网站上的几乎所有演示应用程序，但没有人使用 tabview，只有 Gridlayout 或 docklayout 用于“选项卡”目的。Gridlayout 代替 tabview 有什么好处？除了自定义背景。

我的观点是在每个页面上都有一个原生选项卡的外观和感觉。

如果我有第 1 页、第 2 页、第 3 页，所有页面组件都应该具有相同的 tabview/GridLayout 部分，或者我可以将 tabview 部分移出到单个全局组件？

为基本问题道歉。

谢谢！

标签： nativescriptnativescript-vue

Answer 1

如果您正在寻找纯原生的外观和感觉，您会选择 TabView。TabView 的另一个优点是延迟加载，它仅在需要时加载页面。

当你想让 TabView 在 iOS 和 Android 上看起来相似时，你可以使用 GridLayout。默认情况下，iOS 在底部使用选项卡，而 Android 将它们放在顶部。iOS would give you a More tab when the number of tab exceeds the available space, on Android it will be scrollable. 这些是原生的，所以如果你想要一个自定义的通用外观，那么你可以使用 GridLayout。或者您仍然可以使用 TabView 并将 TabBar 替换为您自己的自定义视图，这有点复杂。

如果您想要每个页面上的选项卡，那么您可能应该在每个选项卡内都有一个框架并在那里加载您的页面。所以 TabBar 在每一页上都保持不变。使用 GridLayout 也可以实现同样的效果，这完全取决于选择。我个人喜欢坚持平台的原生外观。