在 NativeScript 中使用 GridLayout

Question

我正在努力学习NativeScript。在这个过程中，我想我会创建一些通用的屏幕。第一个是登录屏幕。为此，我创建了以下 xml.

Login.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

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

在 NativeScript 中使用 GridLayout

Using the GridLayout in NativeScript

nativescript