Strict Mode | NativeBase | Universal Components for React and React Native

NativeBase comes with its very own Strict Mode that lets you control the level of strictness for your App and Dev environment. A really handy tool to maintain best practices throughout your codebase.

Strict Mode is a config that you pass into NativeBase config. It takes 3 values - error, warn and off. By default, it is set to warn. Based on your chosen option, it checks for every prop in your project. It checks if you have used proper token values from the theme and if you are only passing string values to the props. If not, then it throws an error or warning, or does nothing.

To change the strictMode create a config object like below and choose you strictMode value from error, warn and off which ever suits your use-case :

Copy
import { INativebaseConfig, NativeBaseProvider } from 'native-base';

// ignore the INativebaseConfig if you are not using typescript

const config: INativebaseConfig = {
  // rest of the config keys like dependencies can go here
  strictMode: 'warn',
};

and pass this as a prop in your App NativeBaseProvider

Copy
<NativeBaseProvider config={config}>
  <App />
</NativeBaseProvider>