首页 > 解决方案 > 添加自定义工具提示以响应本机滑块

问题描述

嗨,当用户滑动滑块时,我想要一些自定义工具提示,跟随 react-native-slider 上的拇指

在此处输入图像描述

我尝试使用一些我发现的计算

const left = this.state.value * (screenWidth-60)/100 - 15;

<View style={[
              Styles.slideTooltip,
              {
                left
              }
            ]}>
     <Text style={Styles.sliderTooltipText}>{this.state.recommendedValue}</Text>
</View>

它在较小的屏幕上运行良好,但在较大的屏幕上变得混乱

在此处输入图像描述

有没有办法处理这种问题?

我在用着

https://github.com/jeanregisser/react-native-slider

谢谢

标签: javascriptreact-nativeslidertooltipresponsive

解决方案


推荐阅读