【发布时间】:2019-06-25 13:07:54
【问题描述】:
问题是,当我在应用程序中只使用没有胜利图表的滑块时,只实现滑块,那么滑块就没有问题。但是当我将滑块与 victort 图表一起使用时,滑块会滞后,并且状态值的变化很晚才反映在屏幕上。
通过截图/GIF查看完整详情click here
【问题讨论】:
标签: javascript reactjs react-native victory-charts react-native-elements
问题是,当我在应用程序中只使用没有胜利图表的滑块时,只实现滑块,那么滑块就没有问题。但是当我将滑块与 victort 图表一起使用时,滑块会滞后,并且状态值的变化很晚才反映在屏幕上。
通过截图/GIF查看完整详情click here
【问题讨论】:
标签: javascript reactjs react-native victory-charts react-native-elements
这是因为您使用onChange 将值发送到拖动状态,并且这将导致每次重新渲染。
如果您渲染很少发生任何事情,但渲染更重时会更明显。
这可以通过两种方式解决:
componentShouldUpdate()生命周期回调onSlidingComplete props 中的状态,而不是onChange props【讨论】:
onSlidingComplete 中的状态,那么我无法在屏幕上实时显示状态值的变化,因为我必须在屏幕上显示状态值以便用户可以看看用户滑动滑块时的值是多少,以便他可以立即决定何时停止滑动。