Badge | NativeBase | Universal Components for React and React Native

Search
K
Hire us
Data Display
Typography
Disclosure
Media and Icons
Others
IMPORTANT MESSAGE — If you are starting a new project with NativeBase, we recommend using gluestack-ui instead.
Explore gluestack-ui
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 your 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
Nativebase logo
MadeWithNativeBase