Javascript 滑块组件未重新渲染

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

这是我的密码：

<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>

{
this.setState（{briValue:val}）
socketEmit（'hue-bri'，val）
}
}
/>
亮度：{this.state.briValue}%

结果是：

问题：滑块拇指不移动

我不知道为什么

滑块

组件不重新渲染而

文本

组件重新渲染

我试图使用

this.refs.container.forceUpdate（）强制重新加载，但它没有任何作用

我使用react-native元素的滑块，文本组件来自原始react-native库

非常感谢您的帮助。
value
prop仅用于初始化滑块。
参考：