Question

我正在使用本机脚本angular开发ios和android移动应用程序。我正在使用TNSFancyalert插件显示警报信息，当我关闭此TNSFancyAlert时，该对话框已关闭，但该插件正在影响主UI。这个插件有问题吗？

Answer 1

尝试这样实现：-

安装tns插件添加nativescript-fancyalert。
立即导入：-

从“ nativescript-fancyalert”导入{TNSFancyAlert，TNSFancyAlertButton};
通话提醒：-

//显示成功

TNSFancyAlert.showSuccess（ “成功！”， “花哨的警报很好。”， “对，他们是！” ）;
其他类似：-

//显示成功

TNSFancyAlert.showSuccess（ “成功！”， “花哨的警报很好。”， “对，他们是！” ）.then（（）=> { / *用户按下按钮* / }）;

Answer 2

如果您在 TNSFancyAlert 由于“TNSFancyAlertButton”操作而关闭后尝试刷新 UI，那么您需要将回调包装在 NgZone run 方法中。

export FooComponent {

  constructor(private zone: NgZone) {
    //       
  }

  openAlert() {

    TNSFancyAlert.showCustomButtons([
      new TNSFancyAlertButton({
        label: "Action label",
        action: () => {
          this.asyncJob().subscribe(() => {

            this.zone.run(() => {

              // do something that should reflect the UI

            })
          })       
        }
      })
    ])
  }
}

在使用本机打字稿

2 个答案: