滑块组件未重新渲染

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仅用于初始化滑块。 参考：this post