Nativescript 模态列表选择器

我正在尝试实现一个列表，其中我应该从中选择一个项目，我正在尝试使用ListPicker：

<StackLayout verticalAlignment="top">
    <ListPicker id="inquiryType" items="{{ inquiryTypeItems }}" />
</StackLayout>

有没有办法使ListPicker成为模态，并通过单击只读文本字段来显示它

我正在Nativescript上使用Javascript

---

谢谢

我不确定在普通NativeScript中如何实现这一点，但是，如果使用Angular2，则可以使用角度模式，然后将NativeScript ListPicker嵌套在其中

因此，本书的自述非常全面地描述了如何创建ui不可知模态。然后在其内容中，您可以执行以下操作：

    <div class="container-fluid custom-modal-container">
        <div class="row custom-modal-header">
            <div class="col-sm-12">
                <h1>A Custom modal design</h1>
            </div>
        </div>
        <div class="row" [ngClass]="{'myclass' : shouldUseMyClass}">
            <div class="col-xs-12">
                <div class="jumbotron">
                    <h1>Pick Something:</h1>
                    <ListPicker id="inquiryType" items="{{ inquiryTypeItems }}" />
                </div>
            </div>
        </div>
    </div>`

定制模态设计
挑选一些：
`

显示了组件如何组合在一起

---

您可以在NativeScript中看到支持此功能的曲目。

将ListPicker置于模式对话框不是一个好主意，因为您需要创建依赖于平台的创建和处理该选择器

第一种方法是对话框操作和带有选项的点击打开对话框， 选项数组，仅字符串

示例（取自上面的链接，如果发生这种情况，它对u不起作用，对您的案例几乎没有重写）：

或者作为第二种方法

你们可以在点击某些内容后将ListPicker设置为隐藏在页面加载时（绝对不是TextField，因为你们可能会在显示键盘、标签或按钮时遇到问题）显示具有动画或可见性属性的ListPicker，并在更改时或可能在“完成”按钮上显示ListPicker，该按钮将与ListPicker一起使用，以便人们从项目列表中进行选择：）

---

如果你有其他数据和其他属性，第二种方法更好，但如果你有一些简单的字符串数组，你可以使用第一个

你使用的是角度的还是普通的{N}？

var options = {
    title: "Inquiry Type",
    message: "Choose inquiry type",
    cancelButtonText: "Cancel",
    actions: inquiryTypeItems 
};
dialogs.action(options).then((result) => { 
    console.log(result);
});