XMLで設定されたNativeScriptのzIndexが機能していませんか？

Question

は、次のXMLを考えてみましょう：

<Page xmlns="http://schemas.nativescript.org/tns.xsd" > 
    <!-- UI Decalration --> 
    <AbsoluteLayout> 
     <GridLayout zIndex="99" height="100" width="100" backgroundColor="red"></GridLayout> 
     <GridLayout zIndex="1" height="200" width="200" backgroundColor="green"></GridLayout> 
    </AbsoluteLayout> 
</Page> 

私の理解では赤い四角が表示されるはずですが、それは緑の背後に隠されています。私は何か間違っているのですか？

Answer 1

z-indexをCSSプロパティとして宣言して、すべての要素を見て表示する必要があります。 例えば：

page.css

.lower-grid { 
    z-index: 1; 
} 
.upper-grid { 
    z-index: 99; 
} 

page.xml

<AbsoluteLayout> 
     <GridLayout class="upper-grid" height="100" width="100" backgroundColor="red" /> 
     <GridLayout class="lower-grid" height="200" width="200" backgroundColor="green" /> 
    </AbsoluteLayout> 

は、このソリューションは私のために働いた - Zインデックスは、上記のAndroid API 21でサポートされていることを心に留めておきます。