> Expanded on SizedBox works for me!
class CustomDrawer extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Drawer(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
DrawerHeader(child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
// SizedBox(height: 10,),
Padding(
padding: const EdgeInsets.all(10.0),
child: ProfileAvatar(),
),
Padding(
padding: const EdgeInsets.all(10.0),
child: Row(
children: [
Text("Syed Tariq Ullah"),
Spacer(),
IconButton(onPressed: (){},
icon:Icon(CupertinoIcons.play_arrow)),
],
),
),
],)),
SizedBox(height: 5.0,),
ListTile(
leading: Icon(CupertinoIcons.chat_bubble_2_fill),
title: Text("Messages"),
),
ListTile(
leading: Icon(CupertinoIcons.chart_bar),
title: Text("Stats"),
),
ListTile(
leading: Icon(CupertinoIcons.briefcase),
title: Text("Your Content"),
),
ListTile(
leading: Icon(CupertinoIcons.bookmark),
title: Text("Bookmarks"),
),
ListTile(
leading: Icon(CupertinoIcons.doc_text),
title: Text("Drafts"),
),
Divider(height: 2.0,),
Expanded(child: SizedBox(height: 20,)),
Align(
alignment: Alignment.bottomCenter,
child: ListTile(leading: Icon(CupertinoIcons.settings_solid),
title: Text("Settings"),
trailing: Icon(CupertinoIcons.ellipsis),
),
),
// Spacer(),
],),
);
}
}
You can add `Container` and `ListView` in `Column`.
```dart
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
@override
void initState() {
// TODO: implement initState
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: Scaffold(
appBar: AppBar(
title: Text("Demo App1"),
),
body: Column(
children: <Widget>[
Container(
height: 40.0,
child: Row(
children: <Widget>[
Container(
padding: EdgeInsets.all(4.0),
width: 100.0,
child: Text(
"Name",
style: TextStyle(fontSize: 18),
)),
Container(
padding: EdgeInsets.all(4.0),
width: 100.0,
child: Text(
"Age",
style: TextStyle(fontSize: 18),
)),
],
),
),
Expanded(
child: ListView.builder(
itemCount: 100,
itemBuilder: (BuildContext context, int index) {
return Row(
children: <Widget>[
Container(
padding: EdgeInsets.all(4.0),
width: 100.0,
child: Text(
"Name $index",
style: TextStyle(fontSize: 18),
)),
Container(
padding: EdgeInsets.all(4.0),
width: 100.0,
child: Text(
"Age $index",
style: TextStyle(fontSize: 18),
),
)
],
);
},
),
),
],
),
),
);
}
}
```