用户登录

下面我们在组件里添加一个状态,用它表示 SlideIOS 的值 .. 然后添加一个文字可以显示当前滑动到的位置 .. 先添加一个状态 ... 名字可以是 sliderValue .. 默认的值是 0 ..

然后找到使用 SliderIOS 组件的地方 .. 把它的 value 属性的值,设置成我们刚才在组件里添加的 sliderValue 状态 .. 滑块的值有变化的时候会执行 onValueChange 属性指定的动作 .. 添加一个这样的属性 ..

有变化的时候我们就去更新一下组件的 sliderValue 这个状态的值 ... 用一个箭头函数 .. 接收一个参数,名字是 value,再把它交给 sliderValue 这个状态 ..

然后添加一个 Text 组件 .. 它里面的文字可以使用组件的 sliderValue 状态 ... 保存 .. 再去试一下 ..

拖动这个滑块 .. 每个步子的大小是 1 .. 滑块的值的变化会在上面的文字上反应出来 ...

SliderIOS:实时更新显示滑块数据《 React Native 组件 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点