Install in React Native project

Please opt in to our enterprise plan (coming soon) for priority support with NativeBase. If you are starting a new project, we recommend using gluestack-ui. For your existing projects, you can utilize @gluestack-ui/themed-native-base (beta).

Create a new project

Copy
npx react-native init AwesomeNativeBase
cd AwesomeNativeBase

Install dependencies

yarn

npm

Run pod install

Copy
cd ios/
pod install

Run the Hello world example

Put the below code in your App.js

Copy
import React from "react";
import { NativeBaseProvider, Box } from "native-base";

function App() {
  return (
    <NativeBaseProvider>
      <Box>Hello world</Box>
    </NativeBaseProvider>
  );
}

Customize NativeBaseProvider

NativeBaseProvider provides theme throughout your application

Theme

Utility props

Shorthands of commonly used styling props which maps with the provided theme

Installation

Setup NativeBase Provider

Quick Nav

Create a new project

Install dependencies

Run pod install

Run the Hello world example

MadeWithNativeBase

Install in React Native project | NativeBase | Universal Components for React and React Native