Nativescript動作條/ ActionItem對準

Question

我有一個問題，這裏有人可能會幫助解決......我目前是動作條，看起來像這樣：

如果觸摸放大鏡，這是什麼圖：

，如果您觸摸後退箭頭，應該是行動起來吧，就像是在第一，但奇怪的事情發生了放大鏡...

我目前顯示/隱藏與visibility屬性的ActionItems，但我不知道爲什麼，當我再次告訴他們這種錯位發生。

實際的代碼是這樣的：

<ActionBar 
    class="action-bar" 
    title="{{ actionBarTitle }}" 
    [ngClass]="{ 
     'action-bar-search-bar-visible' : showSearch 
    }" 
> 
    <!-- Android menu button --> 
    <NavigationButton 
     (tap)="toggleDrawer()" 
     [visibility]="showSearch ? 'collapse' : 'visible'" 
     *ngIf="isAndroid" 
     class="action-bar-item" 
     icon="res://menu_icon_white" 
    ></NavigationButton> 
    <!-- iOS menu button --> 
    <ActionItem 
     (tap)="toggleDrawer()" 
     [visibility]="showSearch ? 'collapse' : 'visible'" 
     *ngIf="isiOS &&" 
     class="action-bar-item action-bar-item-menu-icon" 
     ios.position="left" 
    ><Image src="res://menu_icon_white"></Image></ActionItem> 
    <!-- Search bar toggle --> 
    <ActionItem 
     (tap)="toggleSearch()" 
     [visibility]="showSearch ? 'collapse' : 'visible'" 
     android.position="popup" 
     class="action-bar-item action-bar-item-menu-icon" 
     ios.position="right" 
    ><Image src="res://ic_search"></Image></ActionItem> 
    <!-- Search bar --> 
    <search-bar-custom 
     *ngIf="showSearch" 
     (on-search-hide)="toggleSearch()" 
    ></search-bar-custom> 
</ActionBar> 

Answer 1

您正在使用的可視性顯示/隱藏行動項目， 使用相同的方法來顯示或隱藏搜索欄，而不是* ngIf。

另請嘗試爲搜索欄圖標設置android.position =「right」。