Question

我已通过以下SDK示例中的示例向我的应用添加了搜索栏。 like this

我试图给它圆角和灰色边框。为此，我尝试过这样的事情：

 @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>

我可以看到背景颜色＆＃34;粉红色＆＃34;在UI上生效但borderRadius不起作用。我查了一下SearchBar类的borderRadius确实是那里的一个属性。

参考：https://docs.nativescript.org/api-reference/classes/_ui_search_bar_.searchbar.html

有人可以帮助我，我的搜索框需要一个圆形边框。

Answer 1

此时NativeScript不支持部分边框半径。这意味着您可以设置 borderWidth 而不是 borderBottomWidth ，然后您就可以设置 borderRadius （但适用于所有角落）。还讨论了here

讨论了另一种可能性here

border是nativeScript中搜索栏的半径

1 个答案: