【问题标题】:Understanding NativeScript GridLayout了解 NativeScript GridLayout
【发布时间】:2015-03-15 23:28:48
【问题描述】:

我正在尝试对 GridLayout 进行简单测试,但它没有按预期对我工作。

这是我的看法:

<Page xmlns="http://www.nativescript.org/tns.xsd" loaded="pageLoaded">
<GridLayout columns="80, *, auto" rows="80, 80, 80, *" >
    <Label row="0" col="0" text="r0col0" cssClass="green" />
    <Label row="0" col="1" text="r0col1" cssClass="green" />
    <Label row="0" col="2" text="r0col2" cssClass="green" />

    <Label row="1" col"0" text="r1col0" cssClass="blue" />
    <Label row="1" col"1" text="r1col1" cssClass="blue" />
    <Label row="1" col"2" text="r1col2" cssClass="blue" />

    <Label row="2" col="0" text="r2col0" cssClass="red" />
    <Label row="2" col="1" text="r2col1" cssClass="red" />
    <Label row="2" col="2" text="r2col2" cssClass="red" />
</GridLayout>

这是我的 CSS:

label {
  font-size: 20;
  horizontal-align: center;
  color: white;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}

.red {
  background-color: red;
}    

当我在 iOS 模拟器中运行它时,我看不到第 1 行(蓝色行)。

【问题讨论】:

    标签: nativescript


    【解决方案1】:

    您忘记了等号 (=)。

    <Label row="1" col="0" text="r1col0" cssClass="blue" />
    <Label row="1" col="1" text="r1col1" cssClass="blue" />
    <Label row="1" col="2" text="r1col2" cssClass="blue" />
    

    【讨论】:

    • 谢谢。不敢相信我做到了。
    • 随时。我们有时都会错过一些事情。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-10-16
    • 2020-03-15
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多