/Dart/Flutter container with custom shape

Flutter container with custom shape

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: CustomPaint(
          painter: Chevron(),
          child: Container(
            width: 100.0,
            height: 120.0,
            child: Padding(
              padding: EdgeInsets.only(top: 30.0),
              child: Align(
                alignment: Alignment.topCenter,
                child: Text("1", style: TextStyle(fontSize: 24.0)),
              ),
            ),
          ),
        ),
      ),
    );
  }
}

class Chevron extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final Gradient gradient = new LinearGradient(
      begin: Alignment.topCenter,
      end: Alignment.bottomCenter,
      colors: [Colors.orangeAccent, Colors.yellow],
      tileMode: TileMode.clamp,
    );

    final Rect colorBounds = Rect.fromLTRB(0, 0, size.width, size.height);
    final Paint paint = new Paint()
      ..shader = gradient.createShader(colorBounds);

    Path path = Path();
    path.moveTo(0, 0);
    path.lineTo(0, size.height);
    path.lineTo(size.width / 2, size.height - size.height / 3);
    path.lineTo(size.width, size.height);
    path.lineTo(size.width, 0);
    path.close();

    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) => false;
}

Source: stackoverflow.com

Similar codes

47 votes115 views10 answers
Flutter get width of screen
Dart
13 votes141 views2 answers
Color of status bar flutter
Dart
10 votes147 views6 answers
Flutter container rounded corners
Dart
0 vote146 views1 answer
Pass by reference in dart
Dart
0 vote151 views2 answers
The instance member cannot be accessed in an initializer
Dart
4 votes137 views3 answers
Listtile shape flutter
Dart
1 vote136 views1 answer
Flutter tooltip height
Dart
1 vote153 views1 answer
Open popupbutton onclick in flutter
Dart
-1 vote204 views1 answer
Dart ASCII to string
Dart
0 vote139 views3 answers
Program type already present: android.support.v4.os.ResultReceiver$MyResultReceiver
Dart