Question 1

How do I use react-native-bottom-action-sheet with Expo?

Accepted Answer

This library is not compatible with Expo's managed workflow due to native dependencies; you'll need to eject to the bare workflow or consider alternative libraries that support Expo. The setup requires Podfile and build.gradle modifications, which Expo managed apps don't allow.

Question 2

Can I add my own images instead of using react-native-vector-icons?

Accepted Answer

Yes, but you must copy image assets to platform-specific folders: Android's drawable folder and iOS's resources folder. The README notes this limitation because native libraries can't directly render React Native images in production, adding complexity to asset management.

Question 3

What's the difference between SheetView and GridView?

Accepted Answer

SheetView displays items in a vertical list format with optional subtitles (iOS-only), ideal for action menus. GridView arranges items in a grid layout, better for icon-based selections. Both use native components but have different visual layouts as shown in the README screenshots.

Question 4

Is react-native-bottom-action-sheet better than react-native-action-sheet?

Accepted Answer

react-native-bottom-action-sheet offers superior native performance and Material Design compliance on Android, but has more complex setup and platform-specific quirks. react-native-action-sheet is simpler and more cross-platform consistent but may lack native fidelity on Android.

Question 5

How to handle theming for both iOS and Android?

Accepted Answer

Use platform-specific props: for iOS, set the 'theme' prop (light/dark), and for Android, use props like 'backgroundColor' or 'itemTextColor'. You'll need to implement conditional styling in your code since the API differs per platform, as detailed in the documentation.

Question 6

Why do I need react-native-image-helper as a dependency?

Accepted Answer

It's required for proper image handling within the native modules, especially for icon rendering across platforms. The README specifies it as a mandatory install for versions RN61 and above, adding an extra step to the setup process.

Question 7

Does this library support dynamic content or only static items?

Accepted Answer

It primarily supports static items defined in arrays or React children, but you can update them by re-rendering with new props. However, dynamic updates might be limited by the underlying native libraries, which are designed for pre-defined configurations.

react-native-bottom-action-sheet

What is react-native-bottom-action-sheet?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions