离子框架的比例范围滑块

Question

在 ionic 框架中寻找范围刻度滑块。找到这个链接http://simeydotme.github.io/jQuery-ui-Slider-Pips/#styling-scale。但它并不是我们想要的那样。手柄应停在中心，标尺将随着触摸而移动。我怎样才能实现这个目标？

Answer 1

你能给我这个 Flutter 中的输出吗？我期待这种输出用于我的实现，所以请您使用并为 Flutter 提供它

Widget buildScrollableScale({ 需要 int 分钟， 所需的最大整数， 必需的 int selectedValue， 需要 ValueChanged onValueChanged， }) { 返回容器（ 身高：80， 装饰：BoxDecoration( 颜色: 颜色.粉色, borderRadius: BorderRadius.circular(8), ), 孩子：ListView.builder（ 滚动方向： Axis.horizontal， 项目计数：最大 - 最小 + 1， itemBuilder：（上下文，索引）{ int 值 = 最小值 + 索引； bool isSelected = value == selectedValue;

    return GestureDetector(
      onTap: () => onValueChanged(value),
      child: Container(
        width: 50,
        alignment: Alignment.center,
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              "$value",
              style: TextStyle(
                color: isSelected ? Colors.white : Colors.grey[300],
                fontSize: isSelected ? 24 : 18,
                fontWeight: isSelected ? FontWeight.bold : FontWeight.normal,
              ),
            ),
            Expanded(
              child: Container(
                width: 2, 
                color: isSelected ? Colors.white : Colors.grey[300],
              ),
            ),
          ],
        ),
      ),
    );
  },
),

）； }

目前我是这样使用的