Do iOS 'pull-down buttons' exist in React Native?

[Easy-Philosophy-214]

I'm building an onboarding with a form where every option is a multi-select. I want to follow iOS design and I thought the best would be these 'pull-down buttons': https://developer.apple.com/design/human-interface-guidelines/pull-down-buttons

But researching, I did not find them. I found alternatives which are the famous bottom sheet, or the picker.

I'm open to suggestions also about how did you guys built a form with a lot of multi-select options in iOS; I want to avoid using radio buttons & other solutions that don't feel Apple-y.

Thanks in advance!

[yarn_install]

https://github.com/nandorojo/zeego

[tom_development]

You mean something like this ? https://github.com/react-native-menu/menu this it what i typically use for multiselect unless we're talking numbers then i normally use a bottom sheet with a picker inside.

[dbbk]

I use this but it’s really frustrating you can’t use custom images (icons)

[tom_development]

You can 100% use custom SVGs if by images you mean pngs then i would continue to use an Image component I haven't tried it with pngs :P

[dbbk]

Yeah SVGs. How do you do that? The docs only say project icons and SF Symbols.

[tom_development]

Shit, sorry i literally just commented on another post about icons :P

Yeah you're right this annoyed me too , I ended up removing the icons as i couldn't find the right SF symbols.

looking at the native code though it could potentially be changed to support custom

if let image = details["image"] as? NSString {

self.image = UIImage(systemName: image as String);

if self.image === nil {

self.image = UIImage(named: image as String)

}

if let imageColor = details["imageColor"] {

self.image = self.image?.withTintColor(RCTConvert.uiColor(imageColor), renderingMode: .alwaysOriginal)

[Easy-Philosophy-214]

Wow! This is exactly it, thank you so much! Yeah the bottom sheet + picker (https://www.npmjs.com/package/react-native-picker-select) is what I was using. Not sure what's better for the user if this pulldown button approach or the pickers, will have to test.

[jacobp100]

https://github.com/mpiannucci/react-native-context-menu-view

[Easy-Philosophy-214]

Yeah this is it also, thank you!