NativeBase VS react-navigation

Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:

Native-base

Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.

KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue

You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302

NativeBase is being abandoned unfortunately , I wouldn’t start a new project with it https://github.com/GeekyAnts/NativeBase/issues/4302

UPDATE: Looks like I'm not the only one https://github.com/react-navigation/react-navigation/issues/10988

Does this work on @react-navigation/native-stack or only @react-navigation/stack ? I know you said

React Navigation

you're more than likely going to need https://reactnavigation.org/ for pages and tabs/bottom nav.

Wow, that's A LOT, but when You do a simple setup does it just work when You just follow the reactnavigation.org docs procedure? because when I do I, First I get the error, node modules not found then after restarting my PC I get these error: FAILURE: Build completed with 2 failures. 1: Task failed with an exception. ----------- * Where: Build file 'C:\Users\user\Documents\WORK\ENGINEERING\PROJECTS\REACT NATIVE PROJE CTS\1LEARNING\Nav1\node_modules\react-native-screens\android\build.gradle' line: 33 This is what I have on line 33: apply plugin: 'kotlin-android' * What went wrong: A problem occurred evaluating project ':react-native-screens'. > Could not initialize class org.jetbrains.kotlin.gradle.plugin.KotlinGradleBuil dServices * Try: > Run with --stacktrace option to get the stack trace. > Run with --info or --debug option to get more log output.