Creating a Universal App with NativeBase and Solito | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
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).
Creating a Universal App with NativeBase and Solito
For a long time, The React Native community had been looking for a way to make Universal Apps a reality with Server Side Rendering support for quite some time. The major roadblock that was stopping us was Navigation. Solito is the most probable answer. NativeBase already works on all three platforms, as we know, making the NativeBase and Solito combination a match made in heaven.
With it, your next application can run with the same codebase on all three platforms. Here is how to proceed.
Note: If you are looking to make your current codebase into a universal app, It’s really tricky and different for different codebases. Feel free to reach out to us on our Discord Server with such use cases, we will try to help you out as much as we can.
We have already done the hard work for you and created a starter kit for you to start with.
Getting Started
Setting up without TypeScript:
Run yarn or npm install on the root directory.
Then run yarn or npm install in apps/expo and apps/next.
Now run yarn or npm install in packages/app.
That’s it your starter kit is ready to be used.
All your screens and components will be present in packages/app and this can be accessed in the next and expo projects.
Setting up with TypeScript:
Run yarn or npm install on the root directory.
Then run yarn or npm install in apps/expo and apps/next.
Now run yarn or npm install in packages/app.
That’s it your starter kit is ready to be used.
All your screens and components will be present in packages/app and this can be accessed in the next and expo projects.
Nativebase logo
MadeWithNativeBase