在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個控件（標籤，文本字段，標籤，文本字段）正坐在彼此一半，在屏幕的上方。我不明白爲什麼。我只是想用一個基本的GridLayout。

Answer 1

在第二行中，列和行聲明之間的逗號間有錯誤。在XML中，屬性以空格分隔。

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

應該

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

Answer 2

儘管額外的逗號那裏，你也可以爲你設置所有的山坳= 0刪除列屬性將是默認設置爲0