如何在Ionic React中的IonSearchbar中向右移动取消按钮

tcomlyy6 于 2023-05-05 发布在 Ionic

关注(0)|答案(1)|浏览(128)

我尝试在Ionic React中创建搜索栏，但是取消按钮在左边而不是右边。下面是我的代码：

<IonHeader>
  {searchActive? <IonSearchbar slot="start" showCancelButton="never">
    <IonButton slot="end" fill="clear" onClick={()=>{setSearchActive(false);}} >Cancel</IonButton>
    </IonSearchbar> : null }
  
</IonHeader>

你能帮我把取消按钮移到右边吗？

ionic-framework

来源：https://stackoverflow.com/questions/69429355/how-to-move-cancel-button-to-the-right-in-ionsearchbar-in-ionic-react

1条答案

按热度按时间

taor4pac1#

您必须将插槽更改为结束。

<IonHeader>
  {searchActive? <IonSearchbar slot="end" showCancelButton="never">
    <IonButton slot="end" fill="clear" onClick={()=>{setSearchActive(false);}} >Cancel</IonButton>
    </IonSearchbar> : null }
</IonHeader>

https://www.joshmorony.com/understanding-how-slots-are-used-in-ionic-4/

赞(0）回复(0）举报 2023-05-05

我来回答

如何在Ionic React中的IonSearchbar中向右移动取消按钮

1条答案

相关问题

热门标签

最新问答