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

Nativebase logo
NativeBase
Data Display
Typography
Disclosure
Media and Icons
Others
Creating a Universal App with NativeBase and Solito
For a long long time, the React Native community has been looking for a way to make Universal Apps a reality with Server Side Rendering support. The major roadblock that was stopping us was Navigation. Solito is most probably the answer. And as we know, NativeBase already works on all three platforms. This makes 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