android - 在 NativeScript for Android 中使用边框

Question

我编写了一个 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;
}

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

Answer 1

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

升级到 2.4

npm uninstall tns-core-modules

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

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