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 测试,我们建议采取以下步骤:
- 重新运行失败的 GitHub Action 任务(重新运行指南)- 这通常能解决大部分失败的测试。
- 您可以按照端到端测试文档中的步骤,在本地机器上运行端到端测试,以检查测试是否在本地失败。
- 除了查看端到端测试的日志外,您还可以从 GitHub 任务的 Artifacts 部分下载视频录制,其中可能包含更多有用信息。
- 检查您的拉取请求中的更改是否需要相应修改文件的
.native.js版本。 - 最后,如果您在失败的移动端测试上遇到困难,欢迎在 WordPress Core Slack 的 #mobile 或 #core-editor 聊天频道中联系贡献者,可免费加入。
调试原生移动端单元测试
请按照原生移动端测试中的说明,在需要时本地调试原生移动端单元测试。
国际化 (i18n)
关于此主题的更多信息,请参阅 React Native 国际化指南。