ActionSheet | 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.
ActionSheet
We have sliced into multiple smaller component which not only provides more control over the the code but also makes it more readable.
Overview
Migrating Checkbox components can broadly described in these points:
options (prop) → Actionsheet.Item (component).
Props like cancelButtonIndex are no longer required as components like Actionsheet.Item can be customised as per need.
title (prop) → NativeBase components such as Heading and Text can be used inside ActionSheet.Content to show the title.
Declarative approach to show and hide using isOpen prop, instead of show() and hide().
Code Comparison
v2
v3
Quick Nav
MadeWithNativeBase