Question

我已经尝试在SearchBar组件上使用borderRadius属性，但是它不起作用

已经尝试使用borderWidth和borderRadius属性，但是仍然无法使用。我也已经尝试过使用CSS border-radius，但仍然无法正常工作。我正在使用Nativescript版本5.4.0

<SearchBar hint="Insert Keyword" borderWidth="2" borderRadius="20" @submit="onSearchSubmit"/>

和

<SearchBar hint="Insert Keyword" borderTopWidth="2" borderTopLeftRadius="20" borderTopRightRadius="20" />

预期结果是带有borderRadius的SearchBar有效

Answer 1

另一种方法是改用Textfield并使其圆角。然后添加类似的搜索方法。

<TextField backgroundColor="white" paddingLeft="20" borderRadius="20" borderWith="3" class="input-search" [(ngModel)]="searchValue" width="80%" (submit)="onSubmit($event)" (textChange)="onTextChanged($event)" height="40" fontSize="14" hint="Search">

SearchBar组件borderRadius不起作用

1 个答案: