2017-08-29 2 views
1

J'ai ajouté une barre de recherche à mon application en suivant les exemples dans les exemples du SDK. J'essaie de lui donner des coins arrondis et une bordure grise. Pour que je l'ai essayé de faire quelque chose comme ceci:border Rayon pour la barre de recherche dans nativeScript

@ViewChild('searchBarSchool') ngSearchBar: ElementRef; 
    ngAfterViewInit() { 
     this.nsSearchBar = this.ngSearchBar.nativeElement; 
     this.nsSearchBar.backgroundColor = new Color("pink"); 
     this.nsSearchBar.borderRadius = "2"; 
     this.nsSearchBar.borderBottomWidth = 10; 
     this.nsSearchBar.borderColor = new Color("gray"); 

    } 

Et en html,

<SearchBar #searchBarSchool hint="Search for school"(textChange)="onTextChange($event)" 
    (loaded)="onSearchBarLoaded($event)"></SearchBar> 

Je peux voir la couleur de fond « rose » en prenant effet sur l'assurance-chômage, mais borderRadius ne fonctionne pas. J'ai arbitré la classe SearchBar borderRadius est en effet l'une des propriétés.

ref: https://docs.nativescript.org/api-reference/classes/_ui_search_bar_.searchbar.html

quelqu'un peut me aider, j'ai besoin pour des bordures arrondies ma boîte de recherche.

+0

Ne serait-la 'propriété .nativeElement' vous donner l'Android/iOS sous-jacents voir par exemple? Dans ce cas, aucune des propriétés que vous essayez de définir n'est valide. – pkanev

Répondre

0

Les rayons de bordure partiels ne sont pas pris en charge dans NativeScript pour le moment. Ce qui signifie que vous pouvez définir borderWidth au lieu de borderBottomWidth et vous serez en mesure de mettre borderRadius (mais pour tous les coins). Ils ont également discuté here

Une autre possibilité est discutée here