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

Search
K
Hire us
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).
Install in Expo project
Expo helps you to create universal (iOS, Android and Web) React Native apps with no build configuration.
Create a new expo project
Copy
npm install --global expo-cli
expo init my-project
cd my-project/
for additional information on Expo and setting up an Expo starter app.
Install dependencies
yarn
npm
Copy
expo install react-native-svg@12.1.1
Copy
expo install react-native-safe-area-context@3.3.2
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>
);
}
Nativebase logo
MadeWithNativeBase