Skip to main content
VESDK/React Native/Guides/User Interface


Add translations to the user interface

VideoEditor SDK for React Native provides full control over all strings used inside the editor. However, localization needs to be implemented natively for each of the platforms.


While you have several ways to localize the editor in iOS, the recommended way is to provide a localization dictionary that is available natively for the VESDK class:

First, you need to import the RNVideoEditorSDK header inside your AppDelegat.m/ file:

#import <RNVideoEditorSDK/RNVideoEditorSDK.h>

Then, you can set the localization dictionary before the editor is opened. We recommend placing the code inside the didFinishLaunchingWithOptions function in the same file.

[VESDK setLocalizationDictionary: @{
@"en": @{
@"pesdk_transform_title_name": @"Crop",
@"pesdk_adjustments_title_name": @"Correct",
@"pesdk_adjustments_button_reset": @"Clear"


For Android, you will need to override the corresponding values inside your strings.xml file. You can find all available strings inside our demo repository.

<string name="app_name">CatalogUI</string>
<!-- Strings for IMG.LY SDKs. -->
<string name="pesdk_transform_title_name">Crop</string>
<string name="pesdk_adjustments_title_name">Correct</string>
<string name="pesdk_adjustments_button_reset">Clear</string>