'How can I create these specific widget which lies inside the weekly deals section?

enter image description here

How do I create the Box Shadow, the View More option and the 15% off tag as shown in the picture?



Solution 1:[1]

You can have a separate Row with a container. Container can have a Text child to create the 15% off tag.

Widget build(BuildContext context) {
    return Padding(
      padding: EdgeInsets.symmetric(vertical: 16.0),
      child: Material(
        elevation: 5.0,
        color: color,
        borderRadius: BorderRadius.circular(30.0),
        child: MaterialButton(
          onPressed: onPressed, //may not be needed if the aim is to show % discount only
          minWidth: 200.0,
          height: 42.0,
          child: Text(
            "15% off",
          ),

ElevatedButton can be used for the view More.

Can you send a snap shot for what you mean by Box Shadow?

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Abdallah Ibrahim