Utiliser la bordure dans NativeScript pour Android

J'ai écrit une application NativeScript et l'ai testée avec iOS. Maintenant, je voulais l'essayer sur Android et il n'utilise pas les frontières correctement. Je veux utiliser une étiquette avec bordure pour un "Seperator" sur une page.Utiliser la bordure dans NativeScript pour Android

Pour iOS le code suivant est ELABORATION:

dans mes ts fichier:

import { Border } from "ui/border";

dans mon fichier html:

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

dans mon fichier 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; 
}

Ceci n'affiche pas anyt hing sur Android. J'ai donc essayé d'utiliser des frontières selon la documentation NativeScript:

ts fichier:

import { Border } from "ui/border";

fichier html:

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

aussi essayé:

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

css -fichier:

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

Rien n'était visible même lorsque j'ai mis du texte dans l'étiquette le texte est affiché mais sans bordure. Ai-je oublié quelque chose?

Source

2017-09-05 Rüdiger

Avez-vous essayé 'border-bottom-width: 2; Border-bottom-color: red; 'Et l'élément Border ne devrait pas être nécessaire. – pkanev

oui j'ai essayé différentes largeurs et couleurs, rien n'a fonctionné et il n'y a pas non plus d'exception –

Essayez d'entrer un peu de texte dans l'étiquette, voyez si le manque de texte est ce qui pourrait être à l'origine. – pkanev

En fait, il était assez facile de résoudre ce problème. Je reconnais que je courais tns-core-modules 2.2.1, si simple mise à niveau à 2,4 par

npm uninstall tns-core-modules 

npm install [email protected] --save

travaillé, puis réinstaller les plates-formes et vous êtes prêt à aller.

Source

2017-09-06 07:20:40

Ou tout simplement envisager d'utiliser/mise à niveau à 3+. Des tonnes de correctifs depuis 2.4. Et 2.5 est la dernière version des '2' majeures. – pkanev

@pkanev Bien sûr, vous avez raison, mais nous travaillons sur un grand nombre de versions bêta atm et avons besoin de mettre à niveau le projet complet afin de mettre à niveau certains modules (puisque les dépendances l'exigent). Je l'appellerais une forme très ... sensible –

Utiliser la bordure dans NativeScript pour Android

Répondre

Questions connexes