2017-08-29 17 views
1

私はSDKのサンプルでサンプルに従って検索バーを追加しました。 like thisborderネイティブスクリプトの検索バーの半径

私は丸みのある角と灰色の境界線を付けようとしています。

@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が実際にそのプロパティの1つであることを尊敬しました。

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

誰かが私を助けることができる、私は私の検索ボックスの丸い境界を必要とします。

+0

は '.nativeElement'プロパティは、基本のAndroid/iOSのは、インスタンスを表示するあなたを与えると思いませんか?この場合、設定しようとしているプロパティはどれも有効ではありません。 – pkanev

答えて

0

NativeScriptでは部分的な境界線の半径がこの時点でサポートされていません。 あなたがborderBottomWidthの代わりにborderWidthを設定することができることを意味し、その後、あなたは(ただし、すべてのコーナーのために)borderRadiusを設定することができるようになります。別の可能性が議論されているhere

も議論here