Nativescript 透明行网格布局答案

【问题标题】：Nativescript transparent row gridlayoutNativescript 透明行网格布局
【发布时间】：2018-12-10 22:39:15
【问题描述】：

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

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

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

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

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

我尝试过绝对布局，相同的行#s，一切。

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

【问题讨论】：

你也试过 StackLayout 吗？
如果我理解您的查询是正确的，我真的看不出有任何问题。 Here 是 Playground 示例。
关闭@Manoj play.nativescript.org/?template=play-ng&id=afYWWQ&v=3
看看行在哪里是透明的（它在哪里弯曲）文本消失了？我正试图让它在那里可见。
是的 @NarendraMongiya 我已经尝试了几乎所有的东西，包括 stacklayout，已经用了好几个小时了。

标签： nativescript nativescript-angular

【解决方案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

【讨论】：