不在滑块栏中显示滑块范围 react-native Android

Question

我正在开发示例应用程序，实际上我使用本机反应创建了滑块 Android.I 滑块有一个小问题，当我在滑块上设置特定距离或在滑块上移动时它没有显示（实际上在这个我被给定状态值默认值为5，但在Slider中没有移动，显示值范围很好，但没有移动Slide bar)

这是我的代码：

state value is 5

import Slider from react-native

 <Slider
                        minimumValue={0}
                        maximumValue={50}
                        onValueChange={(value) => this.setState({value: parseInt(value)})}
                        step={1} />
                      <Text>{parseInt(this.state.value)} KM</Text>

最初范围显示五个但不移动滑块:(图像在这里)

但我想要这样：

Answer 1

因为您还没有为滑块设置值。

这样做：

constructor(props) {
    super(props);
      this.state = {
        switchValue: true,
        distance: 90,
      }
  }

<Slider
     style={styles.slider}
     value = {this.state.distance}
     minimumValue={0}
     maximumValue={100}
     step={1}
     onSlidingComplete={val => this.setState({ distance: val })} />

<Text style={styles.distance2}>{this.state.distance} Miles</Text>

这是输出：

不在滑块栏中显示滑块范围 react-native Android

Not Showing Slider Range in Slider bar react-native Android

react-native

react-native-android