Feat/top bar container style (#1222)

* Update generate types

* Support passing containerStyle to Modal.TopBar component

Author: ethanshar

generatedTypes/components/modal/TopBar.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { StyleProp, TextStyle, ImageSourcePropType } from 'react-native';
+import { ViewProps } from '../../components/view';
 import { ButtonProps } from '../../components/button';
 export interface ModalTopBarProps {
     /**
@@ -46,6 +47,10 @@ export interface ModalTopBarProps {
      * whether to include status bar or not (height claculations)
      */
     includeStatusBar?: boolean;
+    /**
+     * style for the TopBar container
+     */
+    containerStyle?: ViewProps['style'];
 }
 declare const _default: React.ComponentClass<ModalTopBarProps & {
     useCustomTheme?: boolean | undefined;

generatedTypes/components/scrollBar/index.d.ts

@@ -84,6 +84,9 @@ declare const Item: {
     displayName: string;
 };
 declare const _default: React.ComponentClass<ScrollBarProps & {
+    /**
+       * Whether to use a FlatList. NOTE: you must pass 'data' and 'renderItem' props as well
+       */
     useCustomTheme?: boolean | undefined;
 }, any> & typeof ScrollBar;
 export default _default;

src/components/modal/TopBar.tsx

@@ -4,7 +4,7 @@ import {asBaseComponent} from '../../commons/new';
 import {Constants} from '../../helpers';
 import Assets from '../../assets';
 import {Colors, Typography} from '../../style';
-import View from '../../components/view';
+import View, {ViewProps} from '../../components/view';
 import Button, {ButtonProps} from '../../components/button';
 import Text from '../../components/text';
 
@@ -53,6 +53,10 @@ export interface ModalTopBarProps {
      * whether to include status bar or not (height claculations)
      */
     includeStatusBar?: boolean;
+    /**
+     * style for the TopBar container
+     */
+    containerStyle?: ViewProps['style'];
 }
 
 type topBarButtonProp = {
@@ -128,10 +132,10 @@ class TopBar extends Component<ModalTopBarProps> {
   }
 
   render() {
-    const {title, titleStyle, includeStatusBar} = this.props;
+    const {title, titleStyle, includeStatusBar, containerStyle} = this.props;
 
     return (
-      <View>
+      <View style={containerStyle}>
         {includeStatusBar && <View style={styles.statusBar}/>}
         <View style={styles.container}>
           <View row flex bottom paddingL-15 centerV>