React Native SDK installation

Control feature rollout for certain user segments of your application with feature flags. To start using feature management in the platform, follow the instructions below to install the SDK and deploy a feature flag.

These same instructions are available in the platform UI. Select Installation from the left pane to use.

To install the SDK:

Select Feature management Installation.
Select an Environment from the options, or create an environment by completing the following:
1. Select CREATE ENVIRONMENT.
2. Enter an Environment name.
3. (Optional) Enter a Description.
4. (Optional) Select Approvers if you want to have a manual approval required before deployment.
5. (Optional) Enter any Properties you want to associate with the environment. For more information, refer to properties configuration and properties in an environment.
6. Select SUBMIT.
Select React Native from the language options.
Select a package manager from the options.

Add the ROX package to your application by running the shell commands appropriate for your package manager, listed in the following table:

Table 1. Commands to add the ROX package to your application
Package manager	Project	Commands to run
npm	JavaScript	`npm i rox-react-native --save`
npm	TypeScript	`npm i rox-react-native --save` `npm i @types/rox-react-native --save`
yarn	JavaScript	`yarn add rox-react-native`
yarn	TypeScript	`yarn add rox-react-native` `yarn add @types/rox-react-native`

Add the following code to your React Native application:

Your SDK key is a unique environment identifier. During SDK installation, the SDK key is displayed within the Rox.setup call.

// Import SDK
import Rox from 'rox-react-native';

// Create a Roxflag in the flags container class
const flags = {
  // Define the feature flags
  enableTutorial: new Rox.Flag(false),
  titleColors: new Rox.RoxString('White', ['White', 'Blue', 'Green', 'Yellow']),
  titleSize: new Rox.RoxNumber(12, [14, 18, 24])
};

// Register the flags container
Rox.register('', flags);

// Setup the environment key
await Rox.setup("<YOUR-SDK-KEY>");(1)

// Boolean flag example
if (flags.enableTutorial.isEnabled()) {
    // TODO:  Put your code here that needs to be gated
}

// RoxString flag example
console.log('Title color is ' + flags.titleColors.getValue());

// RoxNumber flag example
console.log('Title size is ' + flags.titleSize.getValue());▼

1	The platform provides the unique SDK key for your environment at the `<YOUR-SDK-KEY>` location within the `Rox.setup` call.

Run your application and then select TEST INTEGRATION to confirm a successful connection.

After running the application, flags added in the code are automatically added to your feature flag list.

You have installed an SDK and created flags in your application.

Refer to the SDK reference for more information.

Download the code for link: an example React Native application with feature flags.