请问是应该如何正确使用React-Native-Paper的Drawer呢？

Question

在使用React Native Paper的Drawer的时候：

https://callstack.github.io/react-native-paper/docs/component...

这里只有创建Drawer的示例：

import * as React from 'react';
import { Drawer } from 'react-native-paper';

const MyComponent = () => {
  const [active, setActive] = React.useState('');

  return (
    <Drawer.Section title="Some title">
      <Drawer.Item
        label="First Item"
        active={active === 'first'}
        onPress={() => setActive('first')}
      />
      <Drawer.Item
        label="Second Item"
        active={active === 'second'}
        onPress={() => setActive('second')}
      />
    </Drawer.Section>
  );
};

export default MyComponent;

请问我想要在react-native应用中进行打开此Drawer，应该如何做呢？ 请给出示例。

====

我这里按照官方文档，只能创建出Drawer，不能进行类似想要点击按钮打开Drawer的效果，请问是应该如何正确使用Drawer呢？

我这里是使用的 ButtomNavigation的 Tabs布局，

效果：

请问如何做，才能进行点击按钮打开左Drawer侧栏？