Docs

Localizing the React Native SDK

Mike Shin

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

New Feature

  • 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>
);
};

Passing your own locale

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>
);
};

Overriding strings in our SDK

Coming up

  • 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

How to update

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