如何在网格布局上添加边框

Question

我正在尝试使用 gridStyle

为本机脚本添加边框 GridLayout

<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
  <label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
  <label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
  <label text="DOB" class="rowLabelStyle" row="0" col="1"/>
  <label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>

这里是相关的 css

.gridStyle {
    background-color: cadetblue;
    border: solid 1px darkgray ;
}

我看了很多地方，教程，官方文档都不太走运，table不会显示任何命令都是

Answer 1

在 NativeScript 中支持的 CSS 属性是 border-width、border-color 和 border-radius。 border 单独使用标签是行不通的。

HTML

<GridLayout columns="200, 150" rows="15, 20" class="gridStyle">
  <label text="Patient Name" class="rowLabelStyle" row="0" col="0"/>
  <label text="{{ fullName }}" class="rowDataStyle" row="1" col="0"/>
  <label text="DOB" class="rowLabelStyle" row="0" col="1"/>
  <label text="{{ data.subDateOfBirth }}" class="rowDataStyle" row="1" col="1"/>
</GridLayout>

CSS

.gridStyle {
  border-color: cadetblue;
  border-width: 1px;
}

更多信息： https://docs.nativescript.org/ui/styling

如何在网格布局上添加边框

How to add border on gridlayout

javascript

nativescript