Flutter color half container in a triangle shape

Question

I want to half color the container green like this

What is the best way to go about this?

Md. Yeasin Sheikh · Accepted Answer · 2022-07-20 12:49:17Z

3

There are many ways of doing,You can use LinearGradient .

Container(
  height: 200,
  width: 200,
  decoration: BoxDecoration(
    gradient: LinearGradient(
      stops: [.5, .5],
      begin: Alignment.bottomLeft,
      end: Alignment.topRight,
      colors: [
        Colors.green,
        Colors.transparent, // top Right part
      ],
    ),
  ),
),

Decorate the way you want. More about Container

answered Jul 20, 2022 at 12:49

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Flutter color half container in a triangle shape

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related