React Native，更改react-native-community/滑块和拇指图标的高度

Question

我在我的应用程序中使用了@react-native-community/slider，但我遇到了一个问题，它的高度没有变化，宽度在变化，但高度没有变化，有人知道为什么吗？我还想渲染滑块的值，就像滑块拇指内部的蓝色容器一样，有没有办法做到这一点？请帮帮忙

这就是我的滑块代码

<View>
          <Text style={[style.fontSize15Med, styles.font15]}>
            Number of surveys
          </Text>
          <View style={styles.daysCont}>
            <Text style={[style.fontSize12Med, styles.surveys]}>
              {this.state.surveys}
            </Text>
          </View>
          <Slider
            style={{width: 320, height: 30, marginLeft: 40}}
            minimumValue={0}
            maximumValue={10}
            step={1}
            maximumTrackTintColor={colors.DarkBlue}
            minimumTrackTintColor={colors.primary}
            thumbTintColor={colors.skyBlue}
            value={this.state.surveys}
            onValueChange={(val) => this.setState({surveys: val})}
          />
        </View>

​

​

Answer 1

您可以使用自定义的拇指图像，如

const thumbImage = require('shared/img/slider-thumb.png');

<Slider
   .......
   thumbImage={thumbImage}
   style={{width: 200, height: 40}} // height, width
/>

更多信息请点击此处thumbimage