Android用NativeScriptでボーダーを使用

Question

NativeScriptアプリケーションを作成し、iOSでテストしました。今ではAndroidで試してみたかったので、ボーダーを正しく使用していません。私はページ上の "セパレータ"のための境界線付きラベルを使用したい。 iOSの次のコードは

を働いている：私の中

TS-ファイル：私のhtmlファイルで

import { Border } from "ui/border"; 

：私のCSSファイルで

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

：

.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; 
} 

これはanytを表示していませんAndroidのヒンジ。

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をだから私はNativeScriptのマニュアルに従って、国境を使用しようとしましたファイル：

.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

実際、これを修正するのはかなり簡単でした。私はそう簡単に働いた後、プラットフォームを再インストールし、あなたが行く準備ができている

npm uninstall tns-core-modules 

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

を経て2.4へのアップグレード、 tns-core-modules 2.2.1を走っていた認識しました。