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();
}

您必须关闭在函数调用中打开的模式。如果您需要进一步的帮助，请询问。

ActionBar未在NativeScript Angular 2模式上显示

2 个答案: