如何在颤振中建立没有滑动功能的滑块

问题描述

我想在颤振中完全像这样构建滑动条（类似于 SleekCircularSlider）

解决方法

final  double value = 0.9;

Container(
          color: Colors.black,child: Column(
            mainAxisSize: MainAxisSize.min,children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceBetween,children: [
                  Text(
                    'html',style: TextStyle(color: Colors.white),),Text(
                    '$value%',style: TextStyle(color: Colors.grey),)
                ],LinearProgressIndicator(
                value: 0.9,color: Colors.yellow,)
            ],

,

您可以根据需要使用 flutter 内置的 Slider 小部件来实现这一点。找到下面的代码片段。

final double sliderValue = 90.0;
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(),body: Container(
        width: 350,height: 350,child: SliderTheme(
          data: SliderThemeData(
            overlayColor: Colors.transparent,thumbShape: SliderComponentShape.noThumb,child: Column(
            children: [
              Row(
                mainAxisAlignment: MainAxisAlignment.spaceAround,children: [
                  Text('HTML'),Text(sliderValue.toInt().toString() + '%')
                ],Slider(
                  value: 90,min: 0.0,max: 100.0,divisions: 100,mouseCursor: MouseCursor.uncontrolled,onChanged: (double value) {}),],);
  }