Gutenberg 区块编辑器文档

title: "React Native 移动端编辑器" post_status: publish comment_status: open taxonomy: category: - gutenberg-docs post_tag: - React Native - Code - Contributors


React Native 移动端编辑器

Gutenberg 代码库包含基于 React Native 的移动端编辑器源代码。

移动端注意事项

贡献者需确保在代码重构期间更新所有受影响的移动端原生文件,因为我们尚无法依赖自动化工具完成此项工作。例如,重命名函数或属性时也需在原生模块中同步修改,否则移动客户端将出现故障。我们已在 PR 中设置了部分移动端专项 CI 测试作为防护措施,但仍有大量工作待完成。感谢您的理解与支持。❤️🙇‍

原生移动端特定文件

与原生移动端共享的大部分代码位于相同的 JavaScript 模块和 SASS 样式文件中。当代码路径需要区分时,会创建文件的 .native.js.native.scss 变体。在某些情况下,还可以找到针对 Android(.android.js)或 iOS(.ios.js)的平台特定文件。

在 Android 和 iOS 上运行 Gutenberg Mobile

关于如何在 Android 或 iOS 上运行 Gutenberg Mobile 演示应用的说明,请参阅 基于 React Native 的移动版 Gutenberg 入门指南

此外,移动客户端是通过 官方 WordPress 应用 打包和发布的。尽管其构建流程与移动演示应用略有不同,并且目前托管在独立的代码库中(这是原生移动端代码库),但其源代码本身直接取自本代码库以及“Web”端的代码路径。

持续集成中的原生移动端端到端测试

如果您在拉取请求中遇到失败的 Android/iOS 测试,我们建议采取以下步骤:

  1. 重新运行失败的 GitHub Action 任务(重新运行指南)- 这通常能解决大部分失败的测试。
  2. 您可以按照端到端测试文档中的步骤,在本地机器上运行端到端测试,以检查测试是否在本地失败。
  3. 除了查看端到端测试的日志外,您还可以从 GitHub 任务的 Artifacts 部分下载视频录制,其中可能包含更多有用信息。
  4. 检查您的拉取请求中的更改是否需要相应修改文件的 .native.js 版本。
  5. 最后,如果您在失败的移动端测试上遇到困难,欢迎在 WordPress Core Slack 的 #mobile 或 #core-editor 聊天频道中联系贡献者,可免费加入

调试原生移动端单元测试

请按照原生移动端测试中的说明,在需要时本地调试原生移动端单元测试。

国际化 (i18n)

关于此主题的更多信息,请参阅 React Native 国际化指南