1

我有一个显示多个页面的应用程序,这些页面是可拖动的。由于这些内容可能会变得很长,我只想显示页面名称并将页面的高度限制为 about 50pxonbeginDrag()并将高度重置为 auto on endDrag()。不幸的是,这不起作用,样式被忽略了。我认为这是因为 react-dnd 需要保持元素的比例,以便它可以处理放置目标并知道哪个组件在哪个位置。有没有其他方法可以做到这一点?

4

2 回答 2

1

如果您使用 dragPreview,那么它将使用它而不是 screenshot-ed 组件,类似于他在教程中所做的 ( http://gaearon.github.io/react-dnd/docs-tutorial.html ):

componentDidMount: function () {
  var connectDragPreview = this.props.connectDragPreview;
  var myPlaceholder = <Placeholder />  // A fake component with the height you want
  myPlaceholder.onload = function() {
    connectDragPreview(myPlaceholder);
  }
}

(请注意,您必须像他一样通过收集器注入 connectDragPreview)

于 2016-05-28T15:36:31.113 回答
0

我不太确定我是否理解这个问题,但可能对你有connectDragPreview帮助吗?

这里有一些有用的信息

于 2015-12-29T12:04:31.513 回答