Flutter - AndroidStudio: how do i place an image under a container without expanding it?

Question

i have a list using sticky headers. i want to place a custome made shadow under each header so i did the following:

return StickyHeader(
      header: Material(
        color: Colors.transparent,
        child: Container(
          color: Colors.transparent,
          child: Column(
            mainAxisSize: MainAxisSize.min,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Container(
                color: AppColors.todaysTasks,
                height: 60.0,
                padding: EdgeInsets.symmetric(horizontal: spacing),
                alignment: Alignment.centerLeft,
                child: Text(
                  title,
                  style: FontStyles.taskListItemName.copyWith(color: Colors.black),
                ),
              ),
              Image.asset(
                'assets/images/BlurCropped.png',
              ),
            ],
          ),
        ),
      ),
      content: Column(

the problem is that my shadow expands the header's container and creates a large margin between each header and the first task. I've provided an image. please help me im lost here.

i was trying to put a shadow image under a header but it created a weird margin.

Jannik · Accepted Answer · 2024-03-21 12:10:04Z

1

Since you are using an image as a shadow, it is not laid over the content. Here are two solutions:

Using decoration: BoxDecoration for the container instead of the image (an example can be found here: https://stackoverflow.com/a/52228086/13755145)
Or, if you want to keep using the image as a shadow, you could use a Stack in content and wrap the image with Positioned. (an example can be found here: https://stackoverflow.com/a/57233221/13755145)

I would try to use the first approach, because positioning is not that easy.

answered Mar 21, 2024 at 12:10

Jannik

6485 silver badges14 bronze badges

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

Comments

fashVR · Accepted Answer · 2024-05-12 19:01:25Z

0

ive just implemented Sliding up panel wrong never mind

answered May 12, 2024 at 19:01

fashVR

11 bronze badge

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Flutter - AndroidStudio: how do i place an image under a container without expanding it?

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related