初始化后如何更改本机滑块的最大值

问题描述

我正在尝试找到一种方法,使 @react-native-community/slider 中的滑块组件在初始化后更改它的最大值。我无法预设最大值,因为我想让我的用户决定该值。

 <Slider
            onValueChange={changeSliderTitle}
            step={this.state.value}
            minimumValue={1}
            maximumValue={this.state.value}
          />

非常感谢任何帮助!

解决方法

您可以在初始化后更改 maximumValue

您当前的代码存在一些问题:

<Slider
  onValueChange={changeSliderTitle}
  step={this.state.value}
  minimumValue={1}
  maximumValue={this.state.value}
/>
  1. 您可能希望 step 是一个固定值。它决定了您可以移动滑块的增量。
  2. maximumValue 可以是来自状态的值,但它应该与滑块值分开。

滑块的固定版本可能如下所示。

<Slider
  onValueChange={(value) => {this.setState({value})}}
  value={this.state.value}
  step={1}
  minimumValue={1}
  maximumValue={this.state.maxValue}
/>

现在,您可以在代码中调用以下内容来动态设置滑块的最大值。

this.setState({maxValue: 1000})