0
0 Comments

I have a card that looks like the following:

Image 1

I would like to add a some width to the bottom that should look like this:

Image 2

As you may notice, it gives a button-type feeling.

I tried adding a container but it does not give the exact feeling I want.

To conclude:

Input: rounded card element

Output: adding some width to bottom part

My code for the card is like this:

Card(
            clipBehavior: Clip.antiAlias,
            elevation: 5,
            borderOnForeground: true,
            color: Colors.black,
            shadowColor: Colors.black,
            margin: EdgeInsets.all(10),
            shape:
                RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
            child: Stack(
              alignment: Alignment.center,
              children: <Widget>[
                Ink.image(
                  image: CachedNetworkImageProvider(
                    widget.wimageUrl,
                  ),
                  height: 100,
                  colorFilter: new ColorFilter.mode(
                      Colors.black.withOpacity(0.85), BlendMode.dstATop),
                  fit: BoxFit.cover,
                ),
                BorderedText(
                  strokeColor: Colors.black,
                  strokeWidth: 1,
                  child: Text(widget.wtitle,
                      style: TextStyle(
                          fontWeight: FontWeight.bold,
                          fontFamily: 'Roboto',
                          color: Colors.white,
                          fontSize: 30)),
                ),
              ],
            ),
          ),
Anonymous Asked question May 14, 2021