nativescript - 如何在 Nativescript 中制作覆盖屏幕

标签 nativescript nativescript-plugin

关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。












想改进这个问题?将问题更新为 on-topic对于堆栈溢出。

2年前关闭。




Improve this question




我正在尝试在 nativescript 中设计一个覆盖屏幕.

我需要一个全透明的半透明屏幕来显示用户需要做什么。是否有可用的默认插件或布局?

最佳答案

<GridLayout>
    <Label text="Play with NativeScript!"></Label>
    <Label class="overlay" text="I'm an overlay" verticalAlignment="center"></Label>
</GridLayout>

默认情况下,GridLayout 中的所有内容都放置在第一列的第一行中,除非您另有定义。如果在同一列和同一行中定义两个 View ,最低的 View 将堆叠在前一个的前面。

您当然可以在内部使用任何布局并使用 colSpan 或 rowSpan 之类的东西。
<GridLayout columns="*" rows="*">
    <StackLayout col="0" row="0">
        <Label text="Play with NativeScript!"></Label>
    </StackLayout>
    <StackLayout col="0" row="0" class="overlay" >
        <Label text="I'm an overlay"></Label>
    </StackLayout>
</GridLayout>

关于nativescript - 如何在 Nativescript 中制作覆盖屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49425955/

相关文章:

javascript - 如何通过nativescript-drop-down插件实现listview中数据的按需排序?

ios - iOS 上的 Nativescript 联系人权限

javascript - appium如何自动在textField中输入内容

nativescript - 在 native iOS/Android 应用程序上嵌入 NativeScript

ios - Nativescript IOS部署

javascript - 如何使用 javaScript 获取从 java 类传递到 native 脚本 jar 文件的变量数据

ios - 无法在设备上应用更改。即使在模拟器中安装也失败

javascript - Nativescript 将参数传递给触发的事件

vue.js - 插件 nativescript-fancyalert 不适用于 Android