Localizing the React Native SDK

Jorge

thirdweb takes pride in its global reach, and we're thrilled to announce that our React Native SDK's UI components now support localization!

• We have added a new locale prop to our ThirdwebProvider , allowing you to pass an object of translated strings of your preferred language to it.
  • An added bonus of this new prop is that you can modify any string in our UI components!
  • See the list of strings to translate here.

import { ThirdwebProvider } from "@thirdweb-dev/react-native";
import React from "react";
 
const App = () => {
  return (
    <ThirdwebProvider locale={customLocale}>
      <AppInner />
    </ThirdwebProvider>
  );
};

import { ThirdwebProvider, en } from "@thirdweb-dev/react-native";
import React from "react";
 
const App = () => {
  return (
    <ThirdwebProvider locale={en({
       ... // you can overwrite any string!
    })}>
      <AppInner />
    </ThirdwebProvider>
  );
};

• Next week we'll launch support for Japanese and Spanish out of the box. You will be able to pass locale='es' or locale='jp' into the ThirdwebProvider

Update the @thirdweb-dev/react-native package to @thirdweb-dev/react-native@nightly and see our documentation full setup notes.