用 Rax 开发 Kraken 应用 初始化项目 运行 状态管理 用 Rax 开发 Kraken 应用 初始化项目 基于 npm init rax 命令，可以快速创建一个 Rax 多端应用（注意：npm 版本需 >= 6.1.0）： npm init rax < YourProjectName > 初始化项目过程中， 请依次选择...

处理文本输入 属性 Input 类型 更多 处理文本输入 在浏览器中，<input> 标签允许开发者处理用户的文本输入，同理在 Kraken 中，我们还是可以使用熟悉的 <input> 来实现这个能力。 举一个最简单的例子，将用户输入的内容同步展示到 div 中： const input = document . createE...

什么是 Kraken 插件 Kraken 插件的能力范围 发布插件 什么是 Kraken 插件 Kraken 插件是一个可以用于扩展 Kraken 能力的 Flutter 插件，可以被发布到 pub.dev 上，可以通过 pub 安装。 通过 Kraken 插件可以自定义 Kraken 的渲染能力，包括自定义标签、在全局 JS 环境中添加自定...

编写测试用例 编写测试用例 验证渲染效果 运行测试 编写测试用例 Kraken 采用的是 BDD 风格编写的测试用例。 测试用例代码使用 TypeScript 进行编写，代码存放在 integration_tests/specs 目录。 测试代码在运行过程中，测试框架会创建一个专用的 JS 运行环境，所有的测试用例会共享这个测试用例。 ...

什么是 Kraken 插件 Kraken 插件的能力范围 发布插件 什么是 Kraken 插件 Kraken 插件是一个可以用于扩展 Kraken 能力的 Flutter 插件，可以被发布到 pub.dev 上，可以通过 pub 安装。 通过 Kraken 插件可以自定义 Kraken 的渲染能力，包括自定义标签、在全局 JS 环境中添加自定义...

开发与调试 准备代码编辑器 构建 Bridge 在本地运行 Kraken 调试 Kraken 调试 Dart 代码 调试 Bridge 代码 开发与调试 准备代码编辑器 Kraken 的开发环境是一个 Flutter 应用的开发环境，如果你熟悉 Flutter 应用开发，那么快速上手 Kraken 的源码开发环境将不是一件难事。 Kra...

多媒体 图像 视频 多媒体 页面中的多媒体用得比较多的图像与视频，Kraken 分别使用 <img> 与 <video> 标签来支持，以下介绍具体的用法。 图像 Kraken 支持所有 Flutter 支持的图像格式，包含 JPEG, PNG, GIF, Animated GIF, WebP, Animated WebP, BMP, WBM...

在 Flutter 应用中集成 Kraken 在 Flutter 应用中集成 Kraken 在这里，我们设定环境中已经完全安装 Kraken 指定的 Flutter 版本 ，并且 flutter doctor 检测全部通过。 使用下面的命令创建一个新的 Flutter App flutter create myappcd myapp 连接...

WebView 快速使用 示例 API WebView 添加 <iframe /> 标签，在 Kraken 内部嵌入一个 Web 浏览器。 快速使用 将 kraken_webview 作为项目依赖添加到 pubspec.yaml 文件中。 在调用 runApp() 之前添加以下代码： import 'package:kraken...

什么是 Kraken 插件 Kraken 插件的能力范围 发布插件 什么是 Kraken 插件 Kraken 插件是一个可以用于扩展 Kraken 能力的 Flutter 插件，可以被发布到 pub.dev 上，可以通过 pub 安装。 通过 Kraken 插件可以自定义 Kraken 的渲染能力，包括自定义标签、在全局 JS 环境中添加自定...