Adds sheetStyle prop

Author: harveyappleton

README.md

@@ -97,6 +97,7 @@ export default function App() {
 | `backdropClosesSheet`     | No       | Whether tapping/clicking on the backdrop behind the bottom sheet will close it.                                                                                       | true/false              | true                              |
 | `backdropBackgroundColor` | No       | RGBA or Hex string value for the backdrop color.                                                                                                                      | RGBA/Hex string         | '#25252599'                       |
 | `sheetBackgroundColor`    | No       | RGBA or Hex string value for the background color of the bottom sheet.                                                                                                | RGBA/Hex string         | Dark: '#222222', Light: '#F3F3F3' |
+| `sheetStyle`              | No       | Inline JS style override for bottom sheet                                                                                                                             | Style object            | undefined                         |
 | `draggable`               | No       | Whether the bottom sheet is draggable.                                                                                                                                | true/false              | true                              |
 | `showDragIcon`            | No       | Whether to show the drag icon handle. Only displayed if `draggable` is set to true as well.                                                                           | true/false              | true                              |
 | `dragIconColor`           | No       | RGBA or Hex string value for the color of the drag icon handle.                                                                                                       | RGBA/Hex string         | Dark: '#444444', Light: '#A3A3A3' |

src/features/BottomSheet/BottomSheet.tsx

@@ -14,6 +14,7 @@ export interface BottomSheetProps {
   backdropClosesSheet?: boolean | undefined;
   backdropBackgroundColor?: string | undefined;
   sheetBackgroundColor?: string | undefined;
+  sheetStyle?: ViewStyle | undefined;
   draggable?: boolean | undefined;
   showDragIcon?: boolean | undefined;
   dragIconColor?: string | undefined;
@@ -36,6 +37,7 @@ export const BottomSheet = memo(
       backdropClosesSheet = true,
       backdropBackgroundColor,
       sheetBackgroundColor,
+      sheetStyle,
       draggable = true,
       showDragIcon = true,
       dragIconColor,
@@ -153,7 +155,8 @@ export const BottomSheet = memo(
                 borderTopRightRadius: borderRadius,
                 borderTopLeftRadius: borderRadius,
                 backgroundColor: sheetBackgroundColor || isDarkMode ? '#222222' : '#F3F3F3'
-              }
+              },
+              sheetStyle
             ]}
           >
             {isDraggable && showDragIcon && (