Container(
child: FlatButton(onPressed: (){
_newTaskModalBottomSheet(context);
}, child: Text('Click'),
),
)
===========================================
void _newTaskModalBottomSheet(context) {
showModalBottomSheet(
context: context,
builder: (BuildContext context) {
return Container(
height: 300,
child: Column(
children: <Widget>[
Padding(
padding: EdgeInsets.symmetric(vertical: 10,horizontal: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Icon(Icons.keyboard_arrow_down),
Text('Recoder'),
],
),
),
Container(
margin: EdgeInsets.only(bottom: 20),
width: MediaQuery.of(context).size.width,
height: 2.0,
child: Divider(
color: Colors.grey,
)),
Wrap(
direction: Axis.horizontal,
alignment: WrapAlignment.start,
spacing: 10.0,
runSpacing: 10.0,
children: <Widget>[
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.phone,color: Colors.white,),
Text('Calls',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.insert_drive_file,color: Colors.white,),
Text('Files',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.camera_alt,color: Colors.white,),
Text('Camera',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.exposure,color: Colors.white,),
Text('Calls',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.threesixty,color: Colors.white,),
Text('Approvals',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
Container(
width: 80,
height: 80,
color: Colors.purple,
child: Column(
children: <Widget>[
Icon(Icons.bookmark,color: Colors.white,),
Text('saved',style: TextStyle(fontSize: 12,color: Colors.white),),
],
),
),
],
),
],
),
);
}
);
}
Comments
Post a Comment