nativescript - 在 NativeScript 中使用 GridLayout

Question

我正在尝试学习NativeScript。在这个过程中，我想我会创建一些常见的屏幕。第一个是登录屏幕。为此，我创建了以下 xml。

登录.xml

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
  <GridLayout columns="*, *", rows="80, 80, 80, 80, auto">
    <Label text="Username" row="0" col="0" />
    <TextField row="1" col="0"  />

    <Label text="Password" row="2"  col="0" />
    <TextField row="3" col="0" />
  </GridLayout>
</Page>

当我运行这个应用程序时，所有 4 个控件（Label、TextField、Label、TextField）都位于屏幕中间的位置。我不明白为什么。我只是想使用一个基本的GridLayout。

Answer 1

在第二行，您在列和行声明之间有一个错误的逗号。在 XML 中，属性用空格分隔。

<GridLayout columns="*, *", rows="80, 80, 80, 80, auto">

应该

<GridLayout columns="*, *" rows="80, 80, 80, 80, auto">

Answer 2

尽管那里有额外的逗号，但您也可以删除 columns 属性，因为您将 all 设置为 col=0 它默认设置为 0