search

Meituan-Dianping / beeshell

React Native 组件库
MIT License
1.8k stars 280 forks source link

Slider 没有 这个属性 thumbImage #47

Closed yrjwcharm closed 5 years ago

yrjwcharm commented 5 years ago

不能自定义滑块样式啊 比如我想让滑块以图片的方式显示。

wxlworkhard commented 5 years ago

使用 renderThumb 属性，自定义滑块，返回一个 ReactElement

        <Slider
            max={1500}
            value={500}
            thumbSize={50}
            renderThumb={() => {
              return (
                <View
                  style={{
                    width: 50,
                    height: 50,
                    borderRadius: 50,
                    backgroundColor: variables.mtdBrandDanger,
                    opacity: 0.7
                  }}>
                </View>
              )
            }}
          />

注意返回的 ReactElement 的宽高要相等，并且等于 thumbSize 属性的值

yrjwcharm commented 5 years ago

@wxlworkhard I admire you very much.

yrjwcharm commented 5 years ago

image

yrjwcharm commented 5 years ago

这个最大值 是不是必须大于0呢？

yrjwcharm commented 5 years ago

image

yrjwcharm commented 5 years ago

我把这四个值同时设置 为0 就报上面的错误。 因为 第一次 走渲染 render() 方法的时候 初始化 都为0

yrjwcharm commented 5 years ago

最小值 min 是不是不能和 最大值max 相同

yrjwcharm commented 5 years ago

这个最大值 应该和 最小值也应该有相同的时候吧。 希望尽快 解决下吧。

yrjwcharm commented 5 years ago

@wxlworkhard 大佬今天可以解决吗 image

yrjwcharm commented 5 years ago

官方组件Slider 各种Bug 靠你了。@wxlworkhard

wxlworkhard commented 5 years ago

升级版本 beeshell@2.0.9 问题修复 https://github.com/Meituan-Dianping/beeshell/commit/a9b4524907d2cc8bf6d2b41ae0183fe7553732b4

yrjwcharm commented 5 years ago

@wxlworkhard Thank you very much.