ray小程序,的SmartUI组件库中的Slider,滑动时点击触摸的区域太小,导致很难拖动

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
15757855214
Posts: 6

  • 问题描述(复现步骤):ray小程序,的SmartUI组件库中的Slider,滑动时点击触摸的区域太小,导致很难拖动,需要精准点击到轨道上才能拖动,手指大的就比较难触发拖动功能,望优化,增加拖动的灵敏度,也就是增加触摸区域的意思。
    • 预期结果:希望Slider组件,拖动能灵敏。目前很难拖动,需要精确的手指碰到轨道上才能拖动,稍微偏差一点,就会造成用户的无效操作。体验不佳。
muhai
Posts: 128

Re: ray小程序,的SmartUI组件库中的Slider,滑动时点击触摸的区域太小,导致很难拖动

style属性传一个高度值即可。例如

Code: Select all

import { Slider } from '@ray-js/smart-ui';
import React from 'react';

export default function Demo() {
  const [value, setValue] = React.useState(30);

  return (
    <Slider
      maxTrackHeight="4px"
      minTrackHeight="4px"
      thumbHeight="28px"
      thumbWidth="28px"
      value={value}
      onChange={value => setValue(value)}
      style={{
        height: '64px'
      }}
    />
  );
}
15757855214
Posts: 6

Re: ray小程序,的SmartUI组件库中的Slider,滑动时点击触摸的区域太小,导致很难拖动

设置完高度之后,如何让整个Slider视图位于它自己的垂直居中位置

Post Reply