Create ListView Flutter

Question

im new in flutter , and im trying to create a listView Like this photo in my app:

this is my code :

return Scaffold(
      body: Container(
        child: Column(
          children: <Widget>[
            Align(
              alignment: Alignment.topRight,
              child: Container(
                child: const Text(
                  ':الآن',
                  style: TextStyle(
                    fontSize: 20,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
            const SizedBox(
              height: 4,
            ),
            Align(
                alignment: Alignment.center,
                child: Card(
                  semanticContainer: true,
                  clipBehavior: Clip.antiAliasWithSaveLayer,
                  shape: RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(10.0),
                  ),
                  elevation: 5,
                  margin: const EdgeInsets.all(8),
                  child: Image.asset(
                    'assets/aire.jpeg',
                    fit: BoxFit.fill,
                  ),
                )),
            const SizedBox(
              height: 4,
              
            ),
            Align(
              alignment: Alignment.topRight,
              child: Container(
                child: const Text(
                  ':آخر الأخبـار',
                  style: TextStyle(
                    fontSize: 20,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );

My probleme is when i use the ListView.builder , Or ListTitle , all the views in the top disappear. how can i solve it , Thanks

Md. Yeasin Sheikh · Accepted Answer · 2022-08-27 21:07:15Z

2

Wrap your ListView with Expanded to get available height inside column.

  body: Container(
    child: Column(
      children: <Widget>[
    .....
          Expanded(
             child: ListView( ...

answered Aug 27, 2022 at 21:07

Md. Yeasin Sheikh

64.8k7 gold badges50 silver badges86 bronze badges

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

Collectives™ on Stack Overflow

Create ListView Flutter

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related