反应本机谷歌翻译

2023-12-28

我使用react-native开发了一个android移动应用程序。我的应用程序的母语是英语,但我也想提供普通话版本。所以我的问题是如何将静态数据和获取的数据转换为普通话。请分享一个解决方案。


是的,你可以做到。 用于将应用程序语言更改为多语言应用程序,即还包括普通话。

  1. 对于静态内容/文本使用包react-native-i18n

Link : https://www.npmjs.com/package/react-native-i18n https://www.npmjs.com/package/react-native-i18n

  1. 对于动态内容/文本,请使用该包google-translate-api

Link :https://www.npmjs.com/package/google-translate-api https://www.npmjs.com/package/google-translate-api

国际化示例:

import I18n from 'react-native-i18n';

class Demo extends React.Component {
  render() {
    return <Text>{I18n.t('greeting')}</Text>;
  }
}

// Enable fallbacks if you want `en-US` and `en-GB` to fallback to `en`
I18n.fallbacks = true;

I18n.translations = {
  en: {
    greeting: 'Hi!',
  },
  fr: {
    greeting: 'Bonjour!',
  },
};

谷歌翻译示例:

From automatic language detection to English:

const translate = require('google-translate-api');

translate('Ik spreek Engels', {to: 'en'}).then(res => {
    console.log(res.text);
    //=> I speak English
    console.log(res.from.language.iso);
    //=> nl
}).catch(err => {
    console.error(err);
});

From English to Dutch with a typo:

translate('I spea Dutch!', {from: 'en', to: 'nl'}).then(res => {
    console.log(res.text);
    //=> Ik spreek Nederlands!
    console.log(res.from.text.autoCorrected);
    //=> true
    console.log(res.from.text.value);
    //=> I [speak] Dutch!
    console.log(res.from.text.didYouMean);
    //=> false
}).catch(err => {
    console.error(err);
});

希望能帮助到你..! 谢谢

~ Praz

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

反应本机谷歌翻译 的相关文章

  • 保留对 React 状态变量的“引用”

    据我所知 Javascript 中没有指针 我有以下问题 但我想知道是否有一个解决方案让我无法解决 解决方案可能是普通的 Javascript 或者像 Context API 这样的 React js 钩子 useContext 或者更多
  • Font-Awesome 添加了 aria-hidden 属性,可防止图标出现在浏览器中 [SSR]

    我想在我的 Next js 项目中包含一些 Font Awesome 图标 我已经添加了需要的 标记到我的头部 然后 i i 标记到我的渲染方法 如果我在浏览器中打开该网站 它会向我发出以下控制台警告 index js 1 警告 来自服务器
  • React - 在单个文件中导入多个 svgs

    我有多个 svg 文件 我想将所有这些文件导入和导出到一个文件中 icons js import IconVideoOn from assets img icons video on svg import IconVideoOff from
  • 有条件地使用 Node.js 提供两个 React 构建

    我有两个基于设备向客户端提供服务的 React 应用程序 我使用 Node js 和 Express 来实现这一点 我借了static资产处理部分来自这个问题在这里 https stackoverflow com questions 644
  • React-dropzone 打开文件选择器两次

    我很长一段时间都遇到了 React Dropzone 的问题 首先 让我们直接通过视频来解决这个问题 https drive google com open id 1UmWtHbQ9U0LBHxYtZ1YSoXrfsezwH os http
  • TinyMCE 输入以相反顺序写入

    我面临这个问题 每当我输入 TinyMCE 时 我的光标会自动向左移动 最终从右向左写入文本 它只发生在我部署的应用程序中 但如果我在我的机器上本地运行代码 同样可以正常工作 发生这种情况的任何可能原因 相同的屏幕截图 https i st
  • 在 React Native 和 Expo 中加密敏感数据

    我正在使用 React Native 开发一个移动应用程序Expo https expo io 提供安全解决方案 项目所有者希望在应用程序中存储敏感的授权密钥 用于与 REST 服务器通信并访问安全数据 他要求这些密钥至少是加密的 并且尽可
  • 发送404状态并重定向到react-router中的404组件

    我有一个 React router 3 0 0 设置 其中包含一个 NotFound 组件 我将其显示为后备
  • 反应本机谷歌日历

    我疯狂地搜索 寻找一个可以与谷歌日历一起使用的 React Native 包 获取事件数据并单独显示 标题 描述等 有人知道 React Native 的包吗 Cheers 我最终使用了react native calendar 但为自己创
  • React-native:远程调试器停止工作

    我总是在我的应用程序和真实设备上使用调试器 但今天它突然停止工作了 打开它时 我的终端中出现此错误 Error Unable to resolve module debugger ui debuggerWorker cff11639 js
  • 如何在 React Native 中调用 SOAP Web 服务

    我是反应原生开发的新手 在我的应用程序中 我需要调用肥皂网络服务 在 android 中 我使用 ksoap 库来提供肥皂网络服务 但是在 React Native 中是否有可用的库或示例代码 我为此进行了很多搜索 但没有找到任何关于此的好
  • 等待在 nextjs 页面中加载 paypal 脚本

    我有这段代码应该呈现 PayPal 按钮 我在 componentDidMount 方法中加载 PayPal 按钮 componentDidMount paypal Buttons createOrder data actions gt r
  • 如何在 next.js 中使用 window.matchMedia 和样式组件主题?

    我有一个主题 const smartPhonePortrait 320 const theme isCompact typeof window undefined window matchMedia min width smartPhone
  • React - 基于计数的动态输入字段

    我想根据用户输入的计数创建文本字段 我查了很多相关问题 但找不到我想要的结果 例如 如果用户输入 5 作为输入 我想创建 5 个文本框来输入 5 个人的姓名和手机 我怎样才能实现这个目标 用于获取计数的 TextField
  • ReactJS 服务器端渲染与客户端渲染

    我刚刚开始研究ReactJS 发现它提供了两种渲染页面的方式 服务器端和客户端 但是 我不明白如何一起使用它 构建应用程序是两种不同的方法 还是可以一起使用 如果我们可以一起使用它 该怎么做 我们需要在服务器端和客户端复制相同的元素吗 或者
  • 如何在React Router 4中实现动态路由?

    我有一个这样的文章列表 div this props articles map article gt return div
  • 选择单选按钮来更改状态

    我如何设置input type radio 这样状态值就会根据用户的选择而改变 在这种情况下 我想要按钮name 1 成为默认选择的按钮 但如果按钮name 2 由用户选择 某些状态值应该改变 div div
  • 使用react-native-http-bridge在react native中创建http服务器

    I am going to create an http server using react native whose job is to respond to a number of APIs From my research I fo
  • 如何为 Apollo 的 React HOC 定义 props 接口?

    我正在尝试使用 Apollo 的 React HOC 来获取数据并将其传递给我的组件 但出现以下错误 Argument of type typeof BrandList is not assignable to parameter of t
  • React Native 中的“无法解析模块路径”

    添加新的依赖项后 我在 React Native 应用程序的红屏中收到错误消息 无法解析模块路径 我已尝试按照屏幕指示清除缓存 问题很简短 因为我自己回答 错误信息 无法解析模块路径 确实应该是 无法解析模块 路径 path是它无法加载的模

随机推荐