Making a long scrollable menu, making bottom overflow in folding_menu
are blocking the other widget (ScreenContent) in the stack.
Any way around?. Tried Expanded, Flexible,
singlescroll.., making a widget as ScreenContent(),
all are blocking the other widget (ScreenContent)
@override
Widget build(BuildContext context) {
Size size = MediaQuery.of(context).size;
return Scaffold(
appBar: AppBar(
elevation: 25,
title: Text('MaintOnPhone'),
backgroundColor: Colors.black,
actions:[
IconButton(
splashColor: Colors.greenAccent,
iconSize: 40,
icon: AnimatedIcon(
size: 40,
progress: controller,
icon: AnimatedIcons.list_view,
color: Colors.yellowAccent,
),
onPressed: (){
setState(() {
openMenu = !openMenu;
openMenu ? controller.forward() : controller.reverse();
});
},
),
],
),
body: Stack(
children:[
IgnorePointer(
ignoring: false,
child: AnimatedOpacity(
opacity: openMenu? 0.5: 0.1,
duration: Duration(seconds: 1),
// child: Container(
// color: Colors.redAccent,
// ),
),
),
ATA34Content(),
// Container(
// child:
FoldingMenu(
children: [
ListTile(
leading: IconButton(
icon: Image.asset('images/bleed.png')
),
onTap: (){
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34ADC()));
setState(() {
controller.reverse();
openMenu = false;
});
},
title: Text('ADC',
style: TextStyle(
color: Colors.lightBlueAccent,
fontSize: 18,
backgroundColor: Colors.yellowAccent
),
textAlign: TextAlign.center,),
tileColor: Colors.yellowAccent,
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/press.png')
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34ADF()));
},
title: Text('ADF',
style: TextStyle(
color: Colors.redAccent,
backgroundColor: Colors.yellowAccent,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34AH()));
},
title: Text('AH',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34DME()));
},
title: Text('DME',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34EFIS()));
},
title: Text('EFIS',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34EGPWS()));
},
title: Text('EGPWS',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34FMS()));
},
title: Text('FMS',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34PS()));
},
title: Text('PS',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34RADALT()));
},
title: Text('RADALT',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34RADAR()));
},
title: Text('RADAR',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34TCAS()));
},
title: Text('TCAS',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Image.asset('images/switch.png'),
),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34VOR()));
},
title: Text('VOR',
style: TextStyle(
color: Colors.brown,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
ListTile(
leading: IconButton(
icon: Icon(
FontAwesomeIcons.tools,
semanticLabel: 'NEED TOOLS?',
color: Colors.redAccent,),
iconSize: 25,
splashColor: Colors.lime, onPressed: () { },),
tileColor: Colors.tealAccent,
onTap: (){
setState(() {
controller.reverse();
openMenu = false;
});
Navigator.of(context).push(
MaterialPageRoute(
builder: (context)=> ATA34TOOLS()));
},
title: Text('NEED SOME TOOLS?',
style: TextStyle(
color: Colors.deepOrangeAccent,
backgroundColor: Colors.yellow,
fontSize: 18
),
textAlign: TextAlign.center,),
contentPadding: EdgeInsets.all(2),
),
],
folded: openMenu,
duration: Duration(milliseconds: 1500),
animationCurve: Curves.bounceIn,
shadowColor: Colors.redAccent,
),
// ),
// ATA34Content(),
]),
);
}
}
class ATA34Content extends StatefulWidget{
@override
_ATA34ContentState createState() => _ATA34ContentState();
}
class _ATA34ContentState extends State {
String txt1='';
String txt2='';
@override
Widget build(BuildContext context) {
return Center(
child: Container(
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.topLeft,
end: Alignment.bottomRight,
colors: [Colors.blueGrey,Colors.black26,Colors.black45]
),
image: DecorationImage(
image: AssetImage('images/dhc8103.png'),
fit: BoxFit.fill,
colorFilter: ColorFilter.mode(
Colors.black26.withOpacity(0.2), BlendMode.dstATop),
)
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Row(
//crossAxisAlignment: CrossAxisAlignment.center,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Container(
//alignment: Alignment(0.0, 0.0),
child: Text('ATA 34 NAVIGATION SYSTEM',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 22.0),
),
),
],
),
SizedBox(
height: 10,
),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
MaterialButton(
onPressed: () {
// Navigator.of(context).pop();
Navigator.of(context).push(MaterialPageRoute(
builder: (context) => MainScreen() ));
Route route=MaterialPageRoute(builder: (context) => MainScreen());
Navigator.push(context, route);*/
},
padding: EdgeInsets.all(1.0),
elevation: 1.0,
child: Container(
alignment: Alignment(0.0,0.0),
width: 120,
height: 50,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/btn_black_glossy.9.png'),
fit: BoxFit.fill),
),
// child: Padding(
//padding: const EdgeInsets.all(1.0),
child: Text('MAIN', textAlign: TextAlign.center,
style: TextStyle(color: Colors.green, fontSize: 25, fontWeight: FontWeight.bold),
),
// ),
),
),
Text(' RETURN TO MAIN',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
),
],
),
SizedBox(
height: 10,
),
Flexible(
child: Center(
child: SingleChildScrollView(
child: Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
MaterialButton(
padding: EdgeInsets.all(0.0),
elevation: 1.0,
child: Container(
alignment: Alignment(0.0,0.0),
width: MediaQuery.of(context).size.width,
height: 60,
decoration: BoxDecoration(
image: DecorationImage(
image: AssetImage('images/btn_blue_glossy.9.png'),
fit: BoxFit.fill),
),
child: Padding(
padding: const EdgeInsets.all(1.0),
child: Text('SAVE YOUR OWN DATA', textAlign: TextAlign.center,
style: TextStyle(color: Colors.white, fontSize: 25, fontWeight: FontWeight.bold),
),
),
),
onPressed: (){
Route route=MaterialPageRoute(builder: (context) => DBH34());
Navigator.push(context, route);
},
),
],
),
SizedBox(
height: 10,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Container(
child: MaterialButton(textColor: Colors.green, onPressed: (){
Route route=MaterialPageRoute(builder: (context) => MEL34());
Navigator.push(context, route);
},
child: Text('MEL ATA 34',style: TextStyle(
fontSize: 23.0,
fontWeight: FontWeight.bold),),
),
decoration: BoxDecoration(
image: DecorationImage(image: AssetImage('images/btn_red_matte.9.png'),
fit: BoxFit.fill
),
),
width: MediaQuery.of(context).size.width,
height: 60,
),
],
),
SizedBox(
height: 10,
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width*0.5,
height: 60,
alignment: Alignment.center,
child:Text('FACILITY',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
border: Border.all(
color: Colors.black45,
width: 6),
),
),
Container(
width: MediaQuery.of(context).size.width*0.5,
height: 60,
alignment: Alignment.center,
child: Text('SYSTEM',
style: TextStyle(
fontSize: 22,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
border: Border.all(color: Colors.black45,
width: 6),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 165,
alignment: Alignment.center,
child:Text('Flight Environmental Data',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 165,
alignment: Alignment.center,
child: Text('Pitot−static System Air data system '
'Barometric altimeters Airspeed indicators '
'Vertical Speed Indicators',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 340,
alignment: Alignment.center,
child:Text('Attitude and Direction',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen
,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 340,
alignment: Alignment.center,
child: Text('Turn and slip indicators on '
'EADI Radio Magnetic Indicators '
'Attitude Director Indicator (EADI) '
'Horizontal situation indicators (EHSI) '
'Attitude/Heading Reference Systems (AHRS) '
'Standby magnetic compass Standby attitude '
'director indicator',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 120,
alignment: Alignment.center,
child:Text('Landing and Taxing Aids',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent
,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity:0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 120,
alignment: Alignment.center,
child: Text('VHF navigation system (VOR/LOC/GS)',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 180,
alignment: Alignment.center,
child:Text('Independent Position Determining',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen
,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 180,
alignment: Alignment.center,
child: Text('Weather radar system Radio'
' altimeter system Ground proximity '
'warning system',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 280,
alignment: Alignment.center,
child:Text('Dependent Position Determining',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent
,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 280,
alignment: Alignment.center,
child: Text('Marker beacon system ATC Transponder '
'system ADF system VHF navigation system '
'(VOR/LOC/GS) DME system Global Positioning '
'System (GPS)',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.cyanAccent,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 180,
alignment: Alignment.center,
child:Text('Flight Management Computing',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen
,
border: Border.all(
color: Colors.black45,
width: 2),
),
),
),
Opacity(
opacity: 0.5,
child: Container(
width: MediaQuery.of(context).size.width*0.5,
height: 180,
alignment: Alignment.center,
child: Text('Flight Management System (FMS)',
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
color: Colors.lightGreen,
border: Border.all(color: Colors.black45,
width: 2),
),
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Container(
width: MediaQuery.of(context).size.width,
height: 60,
alignment: Alignment.center,
child:Text('GoTo The Menu Button, '
'Top Right And Select ATA 34...! ',
style: TextStyle(
fontWeight: FontWeight.bold,
fontSize: 22),
textAlign: TextAlign.center,),
decoration: BoxDecoration(
border: Border.all(
color: Colors.black45,
width: 2),
),
),
],
),
],
),
),
),
),
],
),
),
);
}
}