stack in listview flutter infinite height

Question

i want to put a card between an image and the rest of the page

so i used stack in listview builder but it doesn't give the expected result

what i want

what i get => https://i.sstatic.net/Oxy41.jpg

ListView.builder(
      itemCount: 1,
      itemBuilder: (context, i) {
        return Stack(
          children: <Widget>[
            first(_listviewurl, _listViewData[0], _listviewwe9t),
            Container(
              padding: EdgeInsets.all(40),
              child: Text(
                "News",
                style: TextStyle(
                    color: Colors.white,
                    fontWeight: FontWeight.bold,
                    fontSize: 32),
              ),
            ),
        Positioned(
        width: MediaQuery.of(context).size.width / 2.5,
        height: MediaQuery.of(context).size.height / 5,
        left: MediaQuery.of(context).size.width / 9,
        top: MediaQuery.of(context).size.height / 1.9,
        child: Card(
          semanticContainer: true,
          clipBehavior: Clip.antiAliasWithSaveLayer,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.circular(20),
          ),
          child: Image.asset(
            "images/img1.jpg",
            fit: BoxFit.fill,
          ),
        ),
      ),
          ],
        );
      },
    ),

hoangquyy · Accepted Answer · 2019-10-08 02:12:03Z

1

Because your card is in your listview and your listview's height is the same with your first Widget, you can add Container as parent widget of your Stack widget and set height for it:

Container(
  child: Stack(...)
)

answered Oct 8, 2019 at 2:12

hoangquyy

2,0732 gold badges17 silver badges36 bronze badges

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

1 Comment

oth man Over a year ago

well thank you man .. the first time i post a question and get an answer

Collectives™ on Stack Overflow

stack in listview flutter infinite height

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related