Nativescript 透明行网格布局

Question

我有一个带有固定 header 和导航栏以及页面滚动视图的网格布局

<GridLayout rows="50, *, 50">
<StackLayout row="0">
    // header
</StackLayout>

<ScrollView row="1">
    <StackLayout>
        // page
    </StackLayout>
</ScrollView>

<StackLayout row="2">
    // nav
</StackLayout>

我正在尝试将图像浮动到滚动视图（它是 header 的一部分）并且图像具有透明度。我希望滚动视图能够在固定图像位于其上时滚动。

我试过绝对布局，行#s 是一样的，一切。

理想的是有一个中间透明的网格行，我可以把它放在滚动视图上。

Answer 1

我认为您正在寻找的是 isUserInteractionEnabled 视图属性。

<GridLayout>
  <ScrollView>
    <StackLayout> <!-- content --> </StackLayout>
  </ScrollView>
  <StackLayout isUserInteractionEnabled="false"> <!-- overlay --> </StackLayout>
</GridLayout>

示例： https://play.nativescript.org/?template=play-ng&id=afYWWQ&v=5

Nativescript 透明行网格布局

Nativescript transparent row gridlayout

nativescript

nativescript-angular