如何在 React Native 中获取 Range Slider 的当前值？

Question

嘿，我无法获取 RangeSlider 的当前值并能够 console.log 在 React Native 中使用该值。我使用了此处描述的 RangeSlider：https://reactnativeexample.com/react-native-range-slider-for-android-and-ios/

当我更改滑块的值时，有没有办法 console.log 滑块所在的当前值？例如，从 1 到 5 的变化有没有办法记录值 5。我是 React Native 的新手，非常感谢您的帮助！

这是我的滑块代码：


      <RangeSlider
        style={{width: 385, height: 120, marginLeft: 15}}
        gravity={'center'}
        min={1}
        max={10}
        step={1}
        lineWidth={6}
        thumbRadius={17.5}
        labelPadding={4}

        rangeEnabled={false}
        thumbBorderWidth={2}
        selectionColor="#3df"
        blankColor="#f618"
        onValueChanged={(low, high, fromUser) => {
            this.setState({rangeLow: low, rangeHigh: high, fromUser})
      }}/>

这是我当前 App.js 文件的 link：https://github.com/SanthoshVelaga/productivityapp/blob/master/App.js

Answer 1

onValueChanged 采用在所选值更改时调用的函数。你可以放任何你想要的东西。

onValueChanged={(low, high, fromUser) => {
   console.log(`The low value is ${low}, the high value is ${high}, it was set by the user is ${fromUser}`);
   this.setState({rangeLow: low, rangeHigh: high, fromUser})
      }}

如何在 React Native 中获取 Range Slider 的当前值？

How to get current value of Range Slider in React Native?

rangeslider

console.log

react-native