微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

I want to builder slider bar(similar to SleekCircularSlider) exactly like this in flutter

解决方法

enter image description here

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) {}),],);
  }

enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。