Question 77152 in Flutter Question posted in
The official Flutter documentation can be found here.

how to make custom container like this: – Flutter

enter image description here
I need to make this custom container

I tried more to make it by border radius but I can not do it and I wish stack over flow do it

Tags:

2

Answers


  1. 0

    You can set the border radius for each corner using DecoratedBox:

    Center(
    child: DecoratedBox(
      decoration: BoxDecoration(
      color: Colors.deepOrangeAccent.shade200,
      borderRadius: const BorderRadius.only(
      bottomLeft: Radius.circular(100),
      bottomRight: Radius.circular(4),
      topLeft: Radius.circular(8),
      topRight: Radius.circular(8),
      ),
      ),
      child: const SizedBox(
      height: 100,
      width: 100,
      ),
    ),
    ),

    enter image description here

    Login or Signup to reply.
  2. 0

    Try the following code:

    Container(
  height: 100.0,
  width: 100.0,
  decoration: BoxDecoration(
    color: Colors.orange[100],
    borderRadius: const BorderRadius.only(
      topLeft: Radius.circular(15.0),
      topRight: Radius.circular(15.0),
      bottomLeft: Radius.circular(100.0),
      bottomRight: Radius.circular(5.0),
    ),
  ),
),
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search