Breaking News: Grepper is joining You.com. Read the official announcement!

make triangle with ShapeDecoration on container

febritecno answered on October 11, 2023 Popularity 1/10 Helpfulness 1/10

answer make triangle with ShapeDecoration on container

make triangle with ShapeDecoration on container

Comment

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Triangle Container'),
        ),
        body: Center(
          child: TriangleContainer(),
        ),
      ),
    );
  }
}

class TriangleContainer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 200,
      height: 200,
      decoration: ShapeDecoration(
        color: Colors.blue,
        shape: CustomPainterShape(),
      ),
    );
  }
}

class CustomPainterShape extends CustomPainter {
  @override
  void paint(Canvas canvas, Size size) {
    final paint = Paint()..color = Colors.blue;
    final path = Path()
      ..moveTo(size.width / 2, 0) // Top-center point
      ..lineTo(size.width, size.height) // Bottom-right point
      ..lineTo(0, size.height) // Bottom-left point
      ..close(); // Close the path to form a triangle

    canvas.drawPath(path, paint);
  }

  @override
  bool shouldRepaint(CustomPainter oldDelegate) {
    return false;
  }
}

Popularity 1/10 Helpfulness 1/10 Language dart

Source: chat.openai.com

Tags: dart triangle

Link to this answer
Share Copy Link

Contributed on Oct 11 2023

febritecno

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

make triangle with ShapeDecoration on container

Contents

More Related Answers

make triangle with ShapeDecoration on container

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.