相关疑难解决方法(0)

拖动时,react-beautiful-dnd 不会在material-ui-next.com 持久抽屉中显示可拖动项目

我有一个持久抽屉,其中包含一个可拖动项目的可放置列表。该功能是存在的,但是当拖动项目时,被拖动的项目不会显示。我可以完美地拖动项目,并且正在分配空间,包括 dnd 框架预期的动画,我只是看不到我正在拖动的内容。如果我将抽屉更改为永久抽屉,一切都会按预期进行。有什么建议么?

我的组件(在原型代码中):(DragDropContext 在父组件中声明)

import React from 'react';
import { Divider, Drawer, IconButton, List, ListItem, Paper, 
withStyles } from 'material-ui';
import { Draggable, Droppable } from 'react-beautiful-dnd';

const styles = {
  list: {
    width: 250,
    marginTop: 70
  },
};

const getItemStyle = (isDragging, draggableStyle) => ({
  // some basic styles to make the items look a bit nicer
  userSelect: 'none',
  padding: 8 * 2,
  margin: `0 0 8px 0`,

  // change background colour if dragging
  background: isDragging …
Run Code Online (Sandbox Code Playgroud)

drawer material-ui

2
推荐指数
2
解决办法
1万
查看次数

标签 统计

drawer ×1

material-ui ×1