Badge | NativeBase | Universal Components for React and React Native
IMPORTANT MESSAGE
Upgrade to gluestack-ui
If you are starting a new project with NativeBase, we recommend using gluestack-ui
Please opt in to our enterprise plan (coming soon) for priority support with NativeBase.
Migrate to gluestack-ui
If you are working on a project with NativeBase, we recommend using @gluestack-ui/themed
NativeBase
3.4.x
Light mode active 🚨
Do you really want to stay here? Really? Really? Pakka? Sure? Are you a true developer?
No
Back to DarkMode
Resources
Disclosure
Others
If you are starting a new project, please try gluestack-ui for better performance and new design.
Badge
Migrating to v3 will provide a lot more design, size, variant, color and customisation options.
Overview
Migrating Badge components can be broadly described in these points:
No need to wrap you text inside text component anymore.
In v3 the color is controlled by colorScheme prop. And it accepts all the color available in the theme.
Code Comparison
v2
v3
Quick Nav
MadeWithNativeBase