Flutter中的CustomClipper显示了差异

时间:2019-05-29 12:19:39

标签: flutter flutter-layout

我在Flutter中用CustomClipper实现了一张票卡,但在Android和IOS上看起来并不一样。 Android上有一条细线。 代码显示如下

Widget _customClip() {
  return Center(
    child: ClipPath(
      clipper: MyClipPath2(),
      child: Container(
        width: 200,
        height: 100,
        color: Colors.red,
        child: Center(
          child: Text(
            'Liusilong',
            style: TextStyle(color: Colors.white, fontSize: 20),
          ),
        ),
      ),
    ),
  );

class MyClipPath2 extends CustomClipper<Path> {
  @override
  Path getClip(Size size) {
    Path path = Path();
    path.lineTo(0, size.height);
    path.lineTo(size.width, size.height);
    path.lineTo(size.width, 0);
    // left oval
    path.addOval(
        Rect.fromCircle(center: Offset(0.0, size.height / 2), radius: 10));
    // right oval
    path.addOval(Rect.fromCircle(
        center: Offset(size.width, size.height / 2), radius: 10));
    path.close();
    return path;
  }

  @override
  bool shouldReclip(CustomClipper<Path> oldClipper) {
    return false;
  }
}

在IOS上:

在Android上:

如何在Android上删除细线,谢谢!!!

0 个答案:

没有答案