dart - flutter :画半圆

标签 dart flutter flutter-layout

这样的半圆怎么画?
拜托,我不想要一个容器小部件并改变它的半径

enter image description here

最佳答案

我不明白你在“我不想要一个容器小部件并改变它的半径”中的意思,但这是我创建半圆的方法:

class Test extends StatelessWidget {
      @override
      Widget build(BuildContext context) {
        return new Scaffold(
          body: new Container(
            padding: EdgeInsets.all(64.0),
            child: new Column(
              children: <Widget>[
                new ClipPath(
                  clipper: new CustomHalfCircleClipper(),
                  child: new Container(
                    height: 300.0,
                    width: 300.0,
                    decoration: new BoxDecoration(color: Colors.blue, borderRadius: BorderRadius.circular(150.0) ),
                  ),
                )
              ],
            ),
          ),
        );
      }
    }

    class CustomHalfCircleClipper extends CustomClipper<Path> {
      @override
      Path getClip(Size size) {
        final Path path = new Path();
        path.lineTo(0.0, size.height / 2);
        path.lineTo(size.width, size.height / 2);
        path.lineTo(size.width, 0);
        return path;
      }
      @override
      bool shouldReclip(CustomClipper<Path> oldClipper) {
        return true;
      }
    }

关于dart - flutter :画半圆,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54935282/

相关文章:

android - 停止按钮不适用于 Android Studio 中的 flutter

flutter - 如何在一列内实现多个水平列表

flutter - 我们如何使用Flutter中的底部导航栏触发有状态的小部件来进行导航自身的重建?

firebase - 如何在 flutter 的轮播 slider 中从firebase中删除图像之间的加载时间

asynchronous - Dart 中事件循环何时启动以及事件队列如何工作

flutter - 改变多个按钮类型

firebase - Flutter 上的 Firestore 查询

flutter - Dart:按频率对字符串列表进行排序

flutter - 为什么我不能在 build() 中使用 context.read,但我可以使用 Provider.of 和 listen : false?

flutter - 为 Row 中的所有 child 设置相同的大小