ActionBar 未显示在 NativeScript Angular 2 模态

Question

我正在尝试打开一个模式（带视图的组件）并希望它在顶部的操作栏上有一个关闭按钮。

我的模态页面视图中是否遗漏了任何未显示操作栏的内容？我不确定它是否被覆盖？我还可以将选项作为 "fullscreen:true"

传递给模态

这是视图标记

<StackLayout>

<ActionBar title="Add a new beer">

    <ActionItem 
        (tap)="close('OK')"
        text="Close"
        ios.position="left"
        android.position="left">
    </ActionItem>

</ActionBar>

// Beer name
<Label class="beer_information_label" text="What's the name of the beer?"></Label>
<TextField hint="Enter the beer's name'" [(ngModel)]="beer.name" autocorrect="false" text="" autocapitalizationType="words" row="2" col="1"></TextField>

// Label image
<Label class="beer_information_label" text="Label image"></Label>

// Beer Type
<Label class="beer_information_label" text="Beer type"></Label>
<TextField  hint="Beer type" autocorrect="true" text="" autocapitalizationType="words" row="2" col="1"></TextField>

// Beer Rating
<Label class="beer_information_label" text="Rating"></Label>
<Button class="btn btn-primary btn-active" text="Set Beer Rating" (tap)="setBeerRating()"></Button>

// Beer Description
<Label class="beer_information_label" text="Beer Description"></Label>
<TextField hint="Enter Beer Description" autocorrect="false" text="" autocapitalizationType="allCharacters" row="2" col="1"></TextField>

// Beer Glassware
<Label class="beer_information_label" text="Beer type"></Label>
<TextField hint="Enter Beer Glassware" autocorrect="false" text="" autocapitalizationType="words" row="2" col="1"></TextField>

 <Button class="btn btn-primary btn-active" text="Submit this new beer" (tap)="submitNewBeertoFirebase()"></Button>

</StackLayout>

Answer 1

有多种方法可以在本机 iOS 应用程序上实现，但我认为 NativeScript ActionBar 尚不支持它。您可能可以通过直接访问本机 iOS 代码来实现它，但这远非理想。

请订阅本期：https://github.com/NativeScript/NativeScript/issues/1130

Answer 2

如果你想关闭模式试试这个 -

close(args){
this.page.closeModal();
}

您必须关闭正在函数中打开的模式 call.If 您需要进一步的帮助。

ActionBar 未显示在 NativeScript Angular 2 模态

ActionBar isn't showing on NativeScript Angular 2 modal

nativescript

angular2-nativescript