Install in React Native project

NativeBase

⌘

K

Hire us

NativeBase

Introduction

Getting Started

Installation

Setup NativeBase Provider

Resources

Contribution

Creating a Universal App with NativeBase and Solito

New

Core Concepts

Utility First

Utility Props Specificity

Design Tokens

Pseudo Props: Overview

Pseudo Props: Dos & Don'ts

Internal Pseudo Props

New

Responsive

Features

Utility Props

Color mode (Dark Mode)

Theme

Customizing Components

Making components dark mode compatible

Layout

Forms

Data Display

Feedback

Typography

Overlay

Disclosure

Media and Icons

Transition

Others

ReactNative Components

Hooks

Examples

Recipes

Designs

Forms

Layout

More

If you are starting a new project, please try gluestack-ui for better performance and new design.

version: next

Install in React Native project

New Project

Existing Project

Create a new project using ReactNative CLI with NativeBase template

Refer this link

to get infomation about the React Native CLI.

Plain Javascript

Copy
npx react-native init MyApp --template @native-base/react-native-template

With Typescript

Copy
npx react-native init MyApp --template @native-base/react-native-template-typescript

Yey! you are all set, start editing App.js/App.tsx now.

minions clapping

Customize NativeBaseProvider

NativeBaseProvider provides theme throughout your application

Theme

Utility props

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

Quick Nav

Create a new project using ReactNative CLI with NativeBase template

Create a new project if not exist

Install dependencies

Run pod install

Run the Hello world example

MadeWithNativeBase

gluestack-ui

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