画布样式：使用样式组件构建的简单画布菜单:nail_polish:

【文件属性】：

文件名称：画布样式：使用样式组件构建的简单画布菜单:nail_polish:

文件大小：211KB

文件格式：ZIP

更新时间：2024-02-23 21:36:55

react mobile styled-components navigation off-canvas

:nail_polish: 帆布风格 使用构建的简单的非画布菜单 描述 样式化画布是使用和构建的可自定义的画布菜单 演示版 演示可以在这里找到： 安装 yarn install styled-off-canvas # or via npm npm install styled-off-canvas 实作 为了获得更大的灵活性，您将在应用程序中保留菜单状态（打开或关闭）。 下面的示例显示了一个非常简单的实现。 组件 styled-off-canvas包含三个组件： ，

和 。 是一个包装组件，提供所有设置/属性。 是非画布菜单本身。 您可以将任何想要的内容作为子级传递（例如，带有样式的React-Router链接列表） 是一个可选组件，可在您的应用程序内容上方呈现一个半透明层。 例 import React , { useState } from 'react' import { StyledOffCanvas , Menu ,