更改material-ui对话框的动画

Question

是否可以在material-ui中更改对话框的显示动画以使用css进行反应？我没有先进的CSS,但我知道存在像变换和变换这样的东西.

Answer 1

对话框组件提供了一个过渡道具，可以用来替代默认值。Dialog演示中有一个示例（标记为Alert Dialog中的Slide），使用它们提供的Slide过渡：

import Slide from 'material-ui/transitions/Slide';

然后：

<Dialog open={this.state.open} transition={Slide} onRequestClose={this.handleRequestClose}>

它们是它们提供的过渡组件：

• 坍方
• 褪色
• 增长
• 滑动

如果这些都不满足您的目的，则可以将它们用作创建自己的Transition组件的起点。