DefinitelyTyped/types/react-native-drawer/react-native-drawer-tests.tsx

41 lines
913 B
TypeScript

import * as React from 'react';
import {
ScaledSize,
StyleSheet,
View,
ViewStyle
} from 'react-native';
import Drawer from 'react-native-drawer';
class DrawerTest extends React.Component<{}, {open: boolean}> {
state = {
open: true
};
render() {
return (
<Drawer
type="overlay"
open={this.state.open}
content={<View />}
onOpen={this.onOpen}
onClose={this.onClose}
closedDrawerOffset={100}
openDrawerOffset={(viewport: ScaledSize) => 50}
side={ "bottom" }
acceptPanOnDrawer={ true }
onDragStart={ () => {} }
>
</Drawer>
);
}
private readonly onOpen = () => {
this.setState({open: true});
}
private readonly onClose = () => {
this.setState({open: false});
}
}