android - nativeScript 中搜索栏的边框半径

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>

我可以看到背景颜色“粉红色”在 UI 上生效，但 borderRadius 不起作用。我引用了 SearchBar 类 borderRadius 确实是那里的属性(property)之一。

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

谁能帮帮我，我的搜索框需要圆形边框。

Answer 1

此时 NativeScript 不支持部分边框半径。这意味着您可以设置 borderWidth 而不是 borderBottomWidth 然后您将能够设置 borderRadius (但对于所有角)。还讨论了here

讨论了另一种可能性 here