Исключить фигуру из флаттера виджета непрозрачности - PullRequest
Новая
       0

Исключить фигуру из флаттера виджета непрозрачности

0 голосов
/ 19 июня 2020

Как я могу добавить opacity widget во флаттер и исключить из него такую ​​форму, как круг или прямоугольник? (Что-то вроде наложения обрезки изображения.)

1 Ответ

0 голосов
/ 19 июня 2020

Благодаря Thepeanut , я нашел ответ. 

class HomePage extends StatefulWidget {
  HomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _HomePageState createState() => _HomePageState();
}

class _HomePageState extends State<HomePage> {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        Scaffold(
          appBar: AppBar(
            title: Text(widget.title),
          ),
          body: Center(),
        ),
        ClipPath(
          child: Opacity(
            opacity: 0.5,
            child: Container(color: Colors.red),
          ),
          clipper: CustomClipPath(),
        )
      ],
    );
  }
}

class CustomClipPath extends CustomClipper<Path> {
  var radius = 96.0;

  @override
  Path getClip(Size size) {
    Path path = Path();

    path.lineTo(0.0, size.height);

    path.lineTo(size.width, size.height);

    path.lineTo(size.width, radius);

    path.arcToPoint(
      Offset(size.width - radius, 0.0),
      clockwise: true,
      radius: Radius.circular(radius),
    );

    return path;
  }

  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) => true;
}
...