On iOS providing a prop of cancelButtonIndex removes the option with that index from the main list and instead makes it stick to the bottom of the screen. This is useful if the list is long as the user doesn't have to scroll to find the cancel option. It would be great if this could be implemented for the pure JS action sheet as well, either by default or with an additional prop to make the cancel button sticky.
Following up with some screenshots and a snack to better illustrate what I'm talking about.
Android (Cancel button hidden and must be scrolled to):
iOS (Sticky floating cancel button):
On iOS providing a prop of
cancelButtonIndex
removes the option with that index from the main list and instead makes it stick to the bottom of the screen. This is useful if the list is long as the user doesn't have to scroll to find the cancel option. It would be great if this could be implemented for the pure JS action sheet as well, either by default or with an additional prop to make the cancel button sticky.