You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.5 KiB
39 lines
1.5 KiB
var __rest = (this && this.__rest) || function (s, e) {
|
|
var t = {};
|
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
t[p] = s[p];
|
|
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
t[p[i]] = s[p[i]];
|
|
}
|
|
return t;
|
|
};
|
|
import React from 'react';
|
|
import { Modal, View, StyleSheet, ScrollView, } from 'react-native';
|
|
import { SafeAreaView } from 'react-native-safe-area-context';
|
|
import { withTheme } from '../config';
|
|
const BottomSheet = (_a) => {
|
|
var { containerStyle, isVisible = false, modalProps = {}, children } = _a, props = __rest(_a, ["containerStyle", "isVisible", "modalProps", "children"]);
|
|
return (<Modal animationType="slide" transparent={true} visible={isVisible} {...modalProps}>
|
|
<SafeAreaView style={StyleSheet.flatten([
|
|
styles.safeAreaView,
|
|
containerStyle && containerStyle,
|
|
])} {...props}>
|
|
<View>
|
|
<ScrollView>{children}</ScrollView>
|
|
</View>
|
|
</SafeAreaView>
|
|
</Modal>);
|
|
};
|
|
const styles = StyleSheet.create({
|
|
safeAreaView: {
|
|
flex: 1,
|
|
backgroundColor: 'rgba(0,0,0,0.2)',
|
|
flexDirection: 'column-reverse',
|
|
},
|
|
listContainer: { backgroundColor: 'white' },
|
|
});
|
|
export { BottomSheet };
|
|
export default withTheme(BottomSheet, 'BottomSheet');
|