`flexShrink: 1` in `View` is causing children not to expand via `flex: 1`

[fivecar]

Great library - thanks for maintaining this!

Here's code that doesn't work (for me) as expected:

<ActionSheet contentContainerStyle={{flex: 1}}>
  <View style={{flex: 1}}>
    /* A bunch of vertically-expanding stuff */
  </View>
</ActionSheet>

This seems to come down to how props.children is wrapped with flexShrink: 1 in the library here. When I change that line instead to flex: 1, I get the desired behavior... though I'm sure the flexShrink: 1 was put there for a reason.

What is the right way to create an ActionSheet that contains, say, a big FlatList, where you want the ActionSheet to cap out at snap === 100, but always grow to as much vertical space as is allowed?

[JassiSingh08]

@fivecar hey have you found any solution to it yet?

[fivecar]

@JassiSingh08 : I patched the library locally for myself. Still would love to learn the officially right way to do this, though.

[JassiSingh08]

@fivecar I'm having the same problem like flatlist is not growing and the container is squeezing the flat list content. There's yet another container which wraps the '"containerStyle" having extra spacing at the end while providing height 100%. If you may could you share your patch?

[fivecar]

@JassiSingh08 Sure thing:

--- a/dist/src/index.js
+++ b/dist/src/index.js
@@ -1250,7 +1250,9 @@ export default forwardRef(function ActionSheet(_a, ref) {
                     ]}/>)) : null}
 
                             <View style={{
-                    flexShrink: 1,
+                                // fivecar changed this in order for the sheet to grow correctly.
+                                // filed as https://github.com/ammarahm-ed/react-native-actions-sheet/issues/443
+                    flex: 1,
                 }}>
                               {(router === null || router === void 0 ? void 0 : router.hasRoutes()) ? (<RouterContext.Provider value={router}>
                                   {router === null || router === void 0 ? void 0 : router.stack.map(renderRoute)}