preact-to-nativescript

这个库是实验性的！

文档

用法

以下操作假定是在 NativeScript 项目的根目录下执行

1. 安装库

npm i preact-to-nativescript

2. 调整您的 NativeScript app.js

var application = require("application")
var preactToNativeScript = require("preact-to-nativescript")
var render = preactToNativeScript.render
var h = preactToNativeScript.Preact.h

application.start({
  create: () => {
    return render(h("page", {}, [h("actionBar", {title: "Custom Title"}), h("stackLayout", {}, [h("label", {text: "preact-to-nativescript page"}, [])])]))
  }
})

3. 运行您的 NativeScript 应用

演示应用

TBD

• 不提供自己的 preact 版本
• 在通过 Nativescripts API 导航时（纯 JavaScript 中的自定义路由可以正常工作）正确处理卸载
• ActionBar 已知限制
  • SystemIcon 不被尊重
  • NavigationButton 无法正确渲染
• 文档和启用插件组件的用法/注册
• 可能还有更多尚未在范围内的事情

致谢

• developit 提供了 这个未经测试的文档实现，该实现成为了这个库的核心。他还创建了 undom，从中借鉴了一些文档模拟代码。他还创建了 preact，没有它，这一切都不可能实现。
• staydecent 提供了 一个示例代码，展示了 preact-to-nativescript 不是不可能的巫术，而是可以通过编写正确的包装器来实现。