nativescript<;网格布局>;-如何以简单的方式定义6行或更多行?
我找不到在网格布局中定义6行(或更多)和1列的简单解决方案。 对于6行,我必须说:nativescript<;网格布局>;-如何以简单的方式定义6行或更多行?,nativescript,grid-layout,nativescript-vue,Nativescript,Grid Layout,Nativescript Vue,我找不到在网格布局中定义6行(或更多)和1列的简单解决方案。 对于6行,我必须说: <GridLayout rows="auto, auto, auto, auto, auto, auto" columns="*"> 这是正确的输出,但我希望扩展我的行(可选) 是否有较短的方法来定义此行,或定义更多所需的行? 对于这个问题,文档非常混乱(对我来说)。 thx ... 在第一列的GridLayout中使用StackLayout,这样您就可以添加任意数量的项目,并且仍然可
<GridLayout rows="auto, auto, auto, auto, auto, auto" columns="*">
这是正确的输出,但我希望扩展我的行(可选)
是否有较短的方法来定义此行,或定义更多所需的行?
对于这个问题,文档非常混乱(对我来说)。
thx
...
在第一列的GridLayout中使用StackLayout,这样您就可以添加任意数量的项目,并且仍然可以固定第二列的任何内容。我在第一篇文章中发布了代码。但它不是这样工作的。请共享完整的布局或一个游乐场示例,以便轻松检查问题。我将尝试创建一个游乐场。我想没有更短的语法来定义行和列。您可以,但是既然您的GridLayout
被包装在StackLayout
中,为什么不在其中工作呢?
<FlexboxLayout class="page">
<StackLayout class="form">
<!-- <Label class="header" text="new contact"></Label> -->
<GridLayout rows="auto, auto, auto, auto, auto, auto, auto" columns="*">
<StackLayout row="0" class="input-field">
<TextField
class="input"
hint="Name"
keyboardType="email"
autocorrect="false"
autocapitalizationType="none"
returnKeyType="next"
></TextField>
<StackLayout class="hr-light"></StackLayout>
</StackLayout>
<StackLayout row="1" class="input-field">
<TextField class="input" ref="FirstName" hint="FirstName" secure="false"></TextField>
<StackLayout class="hr-light"></StackLayout>
</StackLayout> ...