【问题标题】:when including victory chart react-native slider becomes laggy and state value change is reflecting lately当包括胜利图时,反应原生滑块变得迟钝并且状态值变化最近反映
【发布时间】:2019-06-25 13:07:54
【问题描述】:

问题是,当我在应用程序中只使用没有胜利图表的滑块时,只实现滑块,那么滑块就没有问题。但是当我将滑块与 victort 图表一起使用时,滑块会滞后,并且状态值的变化很晚才反映在屏幕上。

通过截图/GIF查看完整详情click here

【问题讨论】:

    标签: javascript reactjs react-native victory-charts react-native-elements


    【解决方案1】:

    这是因为您使用onChange 将值发送到拖动状态,并且这将导致每次重新渲染

    如果您渲染很少发生任何事情,但渲染更重时会更明显。

    这可以通过两种方式解决:

    • 管理子组件中的更新实现 componentShouldUpdate()生命周期回调
    • 只需更新onSlidingComplete props 中的状态,而不是onChange props

    【讨论】:

    • 但是如果我更新onSlidingComplete 中的状态,那么我无法在屏幕上实时显示状态值的变化,因为我必须在屏幕上显示状态值以便用户可以看看用户滑动滑块时的值是多少,以便他可以立即决定何时停止滑动。
    • 你也可以详细说明第一种方法我应该怎么做,因为我是新手所以不知道怎么做。
    • 嗨,伙计,阅读blog.bitsrc.io/… 并对有关它的文档做出反应
    • 我试过了,但问题是当滑块滑动时我必须在屏幕上实时显示状态值,任何方法都可以做到这一点,这样就不会出现滞后问题
    • 并且因为在滑块值更改后,图表也基于该滑块值,所以如果我渲染很少的东西,那么我的图表将不会重新渲染,但我必须重新渲染两者图表将根据该滑块值绘制。因此,这两件事都需要同时重新渲染
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-09-28
    • 2021-05-21
    相关资源
    最近更新 更多