NativeScript在页面标记上添加xml命名空间

1 回答

• 0

  要在基于Angular的应用程序中注册UI组件，您应该使用 registerElement 而不是XML命名空间（这是NativeScript Core中使用的概念） . 现在大多数插件作者都在为你做这个工作，但是，有些插件还没有迁移到使用最新技术，所以在某些情况下，我们应该手动注册UI元素 .

  我创建了this test applicaiton，它演示了如何在Angular中使用nativescript-stripe . 以下是启用和使用插件的步骤 .

  Installation

  npm i nativescript-stripe --save
  

  Register the UI element 在 app.module.ts 完成here

  import { registerElement } from "nativescript-angular/element-registry";
  registerElement("CreditCardView", () => require("nativescript-stripe").CreditCardView);
  

  Add the following in main.ts 根据插件自述文件的要求

  import * as app from "tns-core-modules/application";
  import * as platform from "tns-core-modules/platform";
  
  declare const STPPaymentConfiguration;
  app.on(app.launchEvent, (args) => {
      if (platform.isIOS) {
          STPPaymentConfiguration.sharedConfiguration().publishableKey = "yourApiKey";
      }
  });
  

  Use the plugin in your HTML （example）

  <CreditCardView id="card"></CreditCardView>
  

  回复于 2024-05-12T13:49:35+08:00