Skip to content

Commit 79d9321

Browse files
authored
fix: no-dimension listview in stacklayout warning (#18)
1 parent 006e015 commit 79d9321

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

packages/template-hello-world-ng/src/app/item/items.component.html

+5-5
Original file line numberDiff line numberDiff line change
@@ -14,20 +14,20 @@
1414
</ActionBar>
1515

1616
<!--
17-
The StackLayout stacks UI components on the screen — either vertically or horizontally.
18-
In this case, the StackLayout does vertical stacking; you can change the stacking to
19-
horizontal by applying a orientation="horizontal" attribute to the <StackLayout> element.
17+
The GridLayout arranges its child elements in a table structure of rows and columns.
18+
A cell can contain multiple child elements, they can span over multiple rows and columns,
19+
and even overlap each other. The GridLayout has one column and one row by default.
2020
You can learn more about NativeScript layouts at https://docs.nativescript.org/ui/layout-containers.
2121
2222
These components make use of several CSS class names that are part of the NativeScript
2323
core theme, such as p-20, btn, h2, and list-group. You can view a full list of the
2424
class names available for styling your app at https://docs.nativescript.org/ui/theme.
2525
-->
26-
<StackLayout class="page">
26+
<GridLayout class="page">
2727
<ListView [items]="items" class="list-group">
2828
<ng-template let-item="item">
2929
<Label [nsRouterLink]="['/item', item.id]" [text]="item.name"
3030
class="list-group-item"></Label>
3131
</ng-template>
3232
</ListView>
33-
</StackLayout>
33+
</GridLayout>

0 commit comments

Comments
 (0)