gpt4 book ai didi

android - 在 NativeScript for Android 中使用边框

转载 作者:行者123 更新时间:2023-11-28 03:03:38 26 4
gpt4 key购买 nike

我编写了一个 NativeScript 应用程序并在 iOS 上对其进行了测试。现在我想在 Android 上尝试一下,但他没有正确使用边框。我想在页面上使用带边框的标签作为“分隔符”。

对于 iOS,以下代码正在运行:

在我的 ts 文件中:

import { Border } from "ui/border";

在我的 html 文件中:

<label class="separator-label"></label>

在我的 CSS 文件中:

.separator-label {
border-bottom-color: rgba(255, 230, 0, 1);
border-width: 1;
margin-left: 10;
margin-right: 10;
margin-top: 20;
margin-bottom: 20;
}

这在 Android 上没有显示任何内容。所以我尝试根据 NativeScript 文档使用 Borders:

ts 文件:

import { Border } from "ui/border";

html 文件:

<Border class="separator-border">
<label class="separator-label"></label>
</Border>

也尝试过:

<Border borderWidth="1" border-Color="#FF0000" borderRadius="10">
<label class="separator-label"></label>
</Border>

css 文件:

.separator-label {
/*border-bottom-color: lightgrey;
border-width: 1;*/
margin-left: 10;
margin-right: 10;
margin-top: 30;
margin-bottom: 30;
}

.separator-border {
border-width: 1;
border-bottom-color: lightgray;
}

什么都看不到,当我在标签中设置一些文本时,文本会显示但没有边框。我是不是忘记了什么?

最佳答案

其实解决这个问题很容易。我意识到我正在运行 tns-core-modules 2.2.1,因此只需通过

升级到 2.4
npm uninstall tns-core-modules

npm install tns-core-modules@2.4 --save

工作正常,然后重新安装平台,您就可以开始了。

关于android - 在 NativeScript for Android 中使用边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46057988/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com