123456789101112131415161718192021222324252627282930313233343536 |
- // @flow
-
- import * as React from 'react';
- import {withTheme} from 'react-native-paper';
- import {Modalize} from "react-native-modalize";
- import {View} from "react-native-animatable";
- import CustomTabBar from "../Tabbar/CustomTabBar";
-
- /**
- * Abstraction layer for Modalize component, using custom configuration
- *
- * @param props Props to pass to the element. Must specify an onRef prop to get an Modalize ref.
- * @return {*}
- */
- function CustomModal(props) {
- const {colors} = props.theme;
- return (
- <Modalize
- ref={props.onRef}
- adjustToContentHeight
- handlePosition={'inside'}
- modalStyle={{backgroundColor: colors.card}}
- handleStyle={{backgroundColor: colors.primary}}
- >
- <View style={{
- paddingBottom: CustomTabBar.TAB_BAR_HEIGHT
- }}>
- {props.children}
- </View>
-
- </Modalize>
- );
- }
-
- export default withTheme(CustomModal);
|