MultiSliderで反応ネイティブの値を変更するにはどうすればよいですか？

Question

私は反応ネイティブの<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に従ってください。それはほぼ正確にあなたが望むものです。