Nativescript自定义搜索栏

是否仍然可以自定义NativeScript提供的搜索栏元素？ 并在其中添加一些按钮

我正在尝试获取类似的内容（此应用程序中的搜索栏）

---

我一直在搜索，但没有找到任何相关信息。

tns核心模块中的搜索栏没有提供您要查找的内容（请参阅上的API）。我建议您自己实现该组件。

这里的基本演示：

您可以始终在

元素上使用

actionBarHidden=“true

隐藏默认操作栏，然后创建自己的操作栏。在这种情况下，您可以使用

GridLayout

将每个元素放在自己的列中。类似于：

<Page actionBarHidden="true>
<StackLayout>
  <GridLayout rows="auto columns="auto, *, auto, auto, auto>
   <Label col="0 text="Menu"/>
   <TextField col="1></TextField>
   <Label col="2 text="icon1"/>
   <Label col="3 text="icon2"/>
   <Label col="4 text="icon3"/>
  </GridLayout>
</StackLayout>
</Page>

---

只需用图标替换标签，并在按下图标时添加

@tap=“yourFunction

”即可触发。要将标签转换为图标，可以使用Fonticon之类的软件包。

这是否意味着我必须编写android和iOS代码？因为这不是一个选项，是否可以用纯nativescript代码来实现它？一点也不，它将是javascript或typescript。你可以在这里看一下nativescript教程：或者，当使用带有angular的nativescript时，在这里：（facepalm），是的，很明显，当我说纯nativescript时，它意味着（JS/TS、XML、CSS）没有更多。。。