Reactstrap：在轮播实施中注意到闪烁
Reactstrap: Flicker noted on carousel implementation
- 组件：旋转木马
- reactstrap 版本 5.0.0-alpha.3
- 反应版本 #16
- bootstrap 版本 #4.0.0.beta2
嗨，
我已经在我的应用程序中实现了 reactstrap（这是一个很棒的工具！）。我在我的主页顶部添加了一个旋转木马。它循环 4 张带字幕的图像。我正在使用最新的反应。我注意到在使用轮播时我的页面出现闪烁。它时不时地发生，可查看的页面似乎 flicker/flash 一次不到一秒钟，然后一切恢复正常。 flicker/flash好像是在轮播下面显示页面的内容，但是真的不好说。
我已经尽我所能来纠正这个问题。我什至使用 will-change: transform css 属性 来让浏览器为性能做好准备。没有任何效果。
我想知道是 react v16 的问题还是使用 reactstrap 的 alpha 版本有问题。那就是说我似乎无法纠正这个问题。
非常感谢您提供解决此问题的帮助。谢谢大家
谢谢
还有问题吗？
您使用的是 Mozilla Firefox 吗？
尝试将 .carousel-inner .item 上的 "backface-visibility" 设置为 "visible"。
这个答案对我有用：
https://github.com/reactstrap/reactstrap/issues/677#issuecomment-373482596
您需要将 height 修正为 class .carousel-inner。
- 组件：旋转木马
- reactstrap 版本 5.0.0-alpha.3
- 反应版本 #16
- bootstrap 版本 #4.0.0.beta2
嗨，
我已经在我的应用程序中实现了 reactstrap（这是一个很棒的工具！）。我在我的主页顶部添加了一个旋转木马。它循环 4 张带字幕的图像。我正在使用最新的反应。我注意到在使用轮播时我的页面出现闪烁。它时不时地发生，可查看的页面似乎 flicker/flash 一次不到一秒钟，然后一切恢复正常。 flicker/flash好像是在轮播下面显示页面的内容，但是真的不好说。
我已经尽我所能来纠正这个问题。我什至使用 will-change: transform css 属性 来让浏览器为性能做好准备。没有任何效果。
我想知道是 react v16 的问题还是使用 reactstrap 的 alpha 版本有问题。那就是说我似乎无法纠正这个问题。
非常感谢您提供解决此问题的帮助。谢谢大家
谢谢
还有问题吗？ 您使用的是 Mozilla Firefox 吗？
尝试将 .carousel-inner .item 上的 "backface-visibility" 设置为 "visible"。
这个答案对我有用： https://github.com/reactstrap/reactstrap/issues/677#issuecomment-373482596
您需要将 height 修正为 class .carousel-inner。