2017-08-29 52 views
1

通過遵循SDK示例中的示例,我已將搜索欄添加到我的應用程序。 like this邊界在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"); 

    } 

,而在HTML,

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

我可以看到背景顏色「粉紅」承擔UI效果,但borderRadius不起作用。 我推薦了SearchBar類borderRadius的確是其中的一個屬性。

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

有人可以幫助我,我需要一個圓角邊框爲我的搜索框。

+0

豈不'.nativeElement'財產給你基本的Android/iOS設備查看實例?在這種情況下,您嘗試設置的屬性都不是有效的。 – pkanev

回答

0

此時NativeScript不支持部分邊框半徑。 這意味着你可以設置邊框寬度代替borderBottomWidth,然後你就可以設置borderRadius(但各個角落)。還討論here

另一種可能性是討論here