How to add multiple ListTile in end drawer without scrolling in flutter?

Issue

How to add multiple around (13 items) in end drawer in flutter without scrolling enter image description here

Solution

Use Expanded widget as the parent of those item and place under Column.

Your Drawer should be like :

Drawer(
  child: Column(
    children: [
      Container(), //Your Blue Section
      Expanded( // Item 1
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.00),
          Row(
            children: [
              Icon(),
              Text(),
            ],
          ),
        ),
      ),
      Expanded( // Item 1
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.00),
          Row(
            children: [
              Icon(),
              Text(),
            ],
          ),
        ),
      ),
      Expanded( // Item 2
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.00),
          Row(
            children: [
              Icon(),
              Text(),
            ],
          ),
        ),
      ),
      Expanded( // Item 3
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.00),
          Row(
            children: [
              Icon(),
              Text(),
            ],
          ),
        ),
      ),
      Expanded( // Item 4
        child: Padding(
          padding: EdgeInsets.symmetric(horizontal: 16.00),
          Row(
            children: [
              Icon(),
              Text(),
            ],
          ),
        ),
      ),
      .
      . and so on ...
      .
    ]      
  )
),

Answered By – VipiN Negi

Answer Checked By – Pedro (FlutterFixes Volunteer)

Leave a Reply

Your email address will not be published.