@devvie/bottom-sheet
Version:
The 😎smart , 📦tiny , and 🎗flexible bottom sheet your app craves 🚀
31 lines (29 loc) • 769 B
JavaScript
;
import { forwardRef } from 'react';
import { Animated, StyleSheet } from 'react-native';
/**
* This is the overall container view of the bottom sheet
*/
import { jsx as _jsx } from "react/jsx-runtime";
const Container = /*#__PURE__*/forwardRef(({
style,
...otherProps
}, ref) => /*#__PURE__*/_jsx(Animated.View, {
ref: ref,
style: [styles.container, style],
...otherProps
}));
const styles = StyleSheet.create({
container: {
position: 'absolute',
justifyContent: 'flex-end',
right: 0,
left: 0,
// required to snap container to bottom of screen, so animation will start from botom to up
bottom: 0,
backgroundColor: 'transparent',
opacity: 1
}
});
export default Container;
//# sourceMappingURL=index.js.map