如何在不导航的情况下创建抽屉菜单？

Question

我希望创建一个类似于抽屉导航器的抽屉，但是没有路线/导航要求。

我计划在那里放置一些其他组件来更新查询。有什么建议吗？特别是，抽屉将用于显示选择列表，滑块和日期范围组件，这些组件将更新状态和变量，这些状态和变量用于更新主页上显示的地图上呈现的标记。

Answer 1

使用Redux

您可以使用createDrawerNavigator中的contentComponent创建自己的自定义抽屉并将其绑定到redux-store。

通过使用相关查询调度操作，您可以在变量从商店传递到组件时对其进行更新。

没有Redux

您可以创建具有相似动画的 CustomDrawer 组件并将其呈现在组件中，也可以使用此react-native-drawer。

import Drawer from 'react-native-drawer'

class Application extends Component {  
  closeControlPanel = () => {
    this._drawer.close()
  };
  openControlPanel = () => {
    this._drawer.open()
  };
  render () {
    return (
      <Drawer
        ref={(ref) => this._drawer = ref}
        content={<DrawerContentComponent {...// Your Updater props}/>}
        >
        <Component />
      </Drawer>
    )
  }
})