框架
i1n 的框架集成指南。Next.js、React、Vue、Angular、Flutter、React Native、iOS、Android、Rails、Astro 和原生 JavaScript 的设置说明。
概述
i1n 与所有主流框架和平台集成。i1n init 命令会自动检测您的框架并配置适当的文件格式和目录结构。
对于 JavaScript 和 TypeScript 框架（React、Next.js、Vue、Angular、Astro），您可以在独立模式下使用 i1n SDK，或通过桥接模式将其连接到现有的 i18n 库。对于原生平台（Flutter、iOS、Android、Rails），i1n 会管理翻译文件，而您平台的原生本地化系统则负责运行时。
支持的框架
i1n 支持 Next.js (next-intl)、React (i18next, react-intl)、Vue (vue-i18n)、Angular (ngx-translate)、Flutter (ARB)、iOS (.strings)、Android (XML)、Rails (YAML)、React Native with Expo、Astro 以及原生 JavaScript/TypeScript。
每个框架指南都涵盖安装、配置、代码集成和桥接模式的适用性。CLI 工作流程在所有框架中保持不变——仅文件格式和集成代码有所不同。
Next.js
使用 next-intl 或直接使用 i1n SDK 将 i1n 集成到 Next.js 中。
React
使用 i1n SDK 或 i18next / react-intl 的桥接模式将 i1n 与 React 集成。
Vue
使用 i1n SDK 或 Bridge Mode 配合 vue-i18n 集成 i1n 与 Vue.js。
Angular
使用 i1n SDK 或 ngx-translate 的 Bridge Mode 集成 i1n 与 Angular。
Astro
将 i1n 与 Astro 集成，用于静态和服务器渲染的多语言网站。
JavaScript (Vanilla)
在任何不带框架的 JavaScript 或 TypeScript 项目中使用 i1n。
React Native 和 Expo
使用 i1n SDK 或 i18n-js 的 Bridge Mode 将 i1n 与 React Native 和 Expo 集成。
Flutter
使用 ARB 文件和 flutter_localizations 将 i1n 与 Flutter 集成。
iOS 和 macOS
使用 .strings 文件将 i1n 与 iOS 和 macOS 集成。
Android
使用 XML 字符串资源将 i1n 与 Android 集成。
Rails
使用 YAML 区域设置文件将 i1n 与 Ruby on Rails 集成。