禁用blueprintjs打开对话框动画

时间:2018-01-19 12:12:37

标签: reactjs typescript blueprintjs

我有一个blueprintjs对话框:

<BP.Dialog iconName="application" isOpen={this.state.fieldformopen} ...>

当状态fieldformopen更改时,将出现对话框。但它似乎随着动画的增长而出现。这是一个问题,因为对话框非常丰富,动画很慢并且已经停止。

我没有看到任何禁用动画的方法。仅在更改css时设置fieldsDuration和transitionName字段。

感谢您停用动画的任何信息。

1 个答案:

答案 0 :(得分:0)

将此样式添加到Dialog组件:

<Dialog style={{ transition: 'none' }} >

所以你的组件看起来像是:

Firebase invites

这会移除不断增长的动画,但仍会保留更微妙的淡入淡出动画。