如何在反应本机中更改MultiSlider中的值？

Question

我正在研究react-native <MultiSlider>组件，但有一件事我只想知道，我如何在滑动时更改该值。

默认值：

滑动值：

代码：

constructor() { 
    super(); 
    this.state = { 
     priceRange : [0,10], 
    }; 
} 

sliderOnChangeValue(values){ 
    return(
     <Text style={Styles.filter_label_label}>0 - 35,000</Text> 
    ); 
} 

<View> 
    <View> 
    <Text>PRICING</Text> 
    </View> 
    <View> 
    {this.sliderOnChangeValue()} 
    </View> 
</View> 

<MultiSlider 
    values={this.state.priceRange} 
    sliderLength={300} 
    onValuesChange={this.sliderOnChangeValue} /> 

所以在上面的代码我打电话sliderOnChangeValue()功能onValuesChange我想更改范围更改<Text>组件值。

请通过我的上述帖子，让我知道如果你找到任何解决方案。

谢谢

Answer 1

我建议您重新熟悉一下React的基础知识。你的方法相当根本上是有缺陷的。

回调函数不能渲染事物，它们必须更新组件的状态，渲染函数应该根据状态和道具输出UI。

请按照文档网站上的React Native Slider example。这几乎就是你想要的。