通过单击并拖动一个角来调整材质 ui 卡组件的大小

Question

我有一个位于react-beautiful-dnd 列表中的材质ui 卡列表。我希望能够将卡片从一个列表移动到另一个列表并重新组织它们（这已经完成）。例如，我还希望能够单击卡片的右下角并根据需要调整其大小。那可能吗？如果是这样，怎么办？我尝试过将卡片包装在像react-grid-layout对象一样的东西中，但没有成功，虽然我的react应用程序仍然出现，但卡片没有渲染。

预先感谢您的任何帮助。

Answer 1

我找到了一个简单的解决方案并认为我会分享。我所需要做的就是将每个材质 UI 卡包装在 React-Ressized 的 RessizedBox 中。然后，为了使卡片的尺寸遵循 ResizingBox 的尺寸，我使用材质 UI makeStyles 将 100% 的宽度和高度应用于卡片。就是这样。