滑块组件未重新渲染

Question

我制作了一个套接字连接的应用程序，当一个值发生变化时，所有其他客户端都会收到该值的修改。 这应该会导致自动 UI 更改。

这是我的代码：

<View style={{marginTop:20}}>

     <Slider
        ref="container"
        minimumValue={0}
        maximumValue={100}
        value={this.state.briValue}
        onValueChange={val => {
             this.setState({ briValue: val })
             socketEmit('hue-bri', val)
         }
     }
     />

    <Text>Brightness : {this.state.briValue} %</Text>
</View>

结果 ：

问题：滑块拇指不移动

我不知道为什么Slider组件不会重新渲染而Text组件会。

我试图用this.refs.container.forceUpdate()强制重新加载，但它什么也没做。

我使用来自 react-native-elements 的 Slider，而 Text 组件来自原始的 react-native 库。

任何帮助是极大的赞赏。

Answer 1

value prop 仅用于初始化滑块。 参考： https : //facebook.github.io/react-native/docs/slider.html#value