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”。