使用 React 进行开发的适用于移动端的滚动选择器
提供选择的数组数据,形如:
const data = [
{
label: "选项1",
value: "此选项的值",
},
{
label: "选项2",
value: "此选项的值",
},
];
绑定选中的值,如果一开始为空,会默认选择第一个元素。
与 value
搭配使用,当选中的值发生改变会触发回调。 function onChange: (value, item) => void
。
由于 onTouchStart
和 onTouchMove
会和页面的下拉刷新等其他监听事件冲突,而引起某些低端手机的用户体验不友好,所以换成 onScroll
实现。