feat: create container style prop (#8)

Author: djorkaeffalexandre

README.md

@@ -164,6 +164,7 @@ This is the list of exclusive props that are meant to be used to customise the b
 | `animationConfig`           | no       | `{ duration: number, easing: Animated.EasingFunction }`         | Timing configuration for the animation, by default it uses a duration of 250ms and easing fn `Easing.inOut(Easing.linear)`  |
 | `topInset`                  | no       | `number`  | This value is useful to provide an offset (in dp) when applying percentages for snapping points |
 | `innerRef`                  | no       | `RefObject`  | Ref to the inner scrollable component (ScrollView, FlatList or SectionList), so that you can call its imperative methods. For instance, calling `scrollTo` on a ScrollView. In order to so, you have to use `getNode` as well, since it's wrapped into an _animated_ component: `ref.current.getNode().scrollTo({y: 0, animated: true})` |
+| `containerStyle`            | no       | `StyleProp<ViewStyle>`  | Style to be applied to the container (Handle and Content) |
 
 
 ### Inherited

src/index.tsx

@@ -10,6 +10,8 @@ import {
   SectionListProps,
   StyleSheet,
   View,
+  StyleProp,
+  ViewStyle,
 } from 'react-native';
 import Animated, {
   abs,
@@ -156,6 +158,10 @@ type CommonProps = {
    * Reference to FlatList, ScrollView or SectionList in order to execute its imperative methods.
    */
   innerRef: RefObject<FlatList | ScrollView | SectionList>;
+  /*
+   * Style to be applied to the container.
+   */
+  containerStyle?: StyleProp<ViewStyle>;
 };
 
 type Props<T> = CommonProps &
@@ -595,6 +601,7 @@ export class ScrollBottomSheet<T extends any> extends Component<Props<T>> {
       componentType,
       onSettle,
       animatedPosition,
+      containerStyle,
       ...rest
     } = this.props;
     const AnimatedScrollableComponent = this.scrollComponent;
@@ -605,6 +612,7 @@ export class ScrollBottomSheet<T extends any> extends Component<Props<T>> {
       <Animated.View
         style={[
           StyleSheet.absoluteFillObject,
+          containerStyle,
           // @ts-ignore
           {
             transform: [{ translateY: this.translateY }],