Nativescript透明行网格布局

时间:2018-12-10 22:39:16

标签: nativescript nativescript-angular

我的网格布局具有固定的标题和导航栏,并且页面具有滚动视图

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

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

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

我正在尝试将图像浮动在滚动视图上(它是标题的一部分),并且图像具有透明度。我希望滚动视图能够在固定图像上方滚动。

我已经尝试过绝对布局,相同的行号,一切。

理想的情况是,使gridrow的中间透明,可以将其置于滚动视图上。

1 个答案:

答案 0 :(得分:0)

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

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

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