lodev09/react-native-true-sheet

iOS Close/Dismiss button

Closed this issue · 3 comments

https://developer.apple.com/design/human-interface-guidelines/sheets

I could be wrong but is there an option to display that apparently default" close X button so I dont have to manually code one?

There's no direct property to enable/add it. You'll have to create a custom one natively so there's no really real advantage to expose it as a prop.

Unless I'm missing something, feel free to paste here.

There's no direct property to enable/add it. You'll have to create a custom one natively so there's no really real advantage to expose it as a prop.

Unless I'm missing something, feel free to paste here.

I probably misread the docs but I read that wrapping the sheet in a ui navcontroller gives the X for free.
The advantage would be not having to code one and for accessibility

I see.. Feel free to submit a PR if you think it can work. It can be something like a HeaderComponent prop where user can put a custom view with that native close button.

I'm not too keen about it since people will likely design their own "close" button as apposed to the native one.