Icon | 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.
Icon
Migrating to v3 will provide a lot more customisation option. You can also create custom icons using SVG.
Overview
Migrating Icon components can broadly described in these points:
ios, android and type props have been deprecated.
default Icon type i.e Ionicons has been removed, now v3 does not uses any.
v3 uses a third-party icon library ( such as @expo/vector-icons ), with as prop.
custom colors and size can be added using color and size props.
Code Comparison
v2
v3
Quick Nav
MadeWithNativeBase