NativeScript 中 DIV 的替代方法是什么？答案

【问题标题】：What is alternative of DIV in NativeScript?NativeScript 中 DIV 的替代方法是什么？
【发布时间】：2019-04-29 15:20:21
【问题描述】：

NativeScript 中 DIV 的替代品是什么？

如何使用块内联内容？

【问题讨论】：

在移动开发中没有DIV，只有视图
可能是一个布局，比如StackLayout
如何在 NativeScript 中命名这个元素？我需要将一些元素分组并内联显示这些块
如何使用StackLayout创建三个内容相同的块？ <Label class="sidedrawer-header-image fa" text="&#xf2bd;"></Label> <Label class="sidedrawer-header-brand" text="User Name"></Label> <Label class="footnote" text="username@mail.com"></Label>?
看看NS Layout guide，真的很有用。

【解决方案1】：

在浏览器中div 的行为由display CSS 属性决定。

例如，默认情况下它是block，垂直类似于StackLayout，orientation 设置为vertical。当您将其设为inline 时，它更像是一个水平布局，因此同样可以将StackLayout 设置为orientation 设置为horizontal。

还有flex，我们在 NativeScript 中也有一个等价物，FlexboxLayout。如果将div上的position设置为absolute，则可以与NativeScript中的AbsoluteLayout进行比较。

在 NativeScript 中还有 GridLayout、WrapLayout 和 DockLayout 用于各种用途。

因此，div 的替代方案完全取决于您正在寻找什么样的 UI/布局/您在网络上为 div 设置的样式。

如果您是初学者，https://www.nslayouts.com/ 是了解 NativeScript 布局的良好开端。

【讨论】：

那么，替换div上的每个块StackLayout？
你可以，但你也想知道有多少布局和视图添加到你的 UI 中。每个视图都必须测量、绘制和渲染，这需要时间。布局越简洁越好。所以在某些场景下，一个带有行/列的 GridLayout 比放 10 个堆栈布局来实现相同的 UI 布局要好。
你能分享一个例子吗，当我有一些内联的块和一些标签时，请