- import 'package:flutter/material.dart';
- class Info extends StatefulWidget {
- @override
- _InfoState createState() => _InfoState();
- }
- class _InfoState extends State<Info> {
- @override
- Widget build(BuildContext context) {
- return Scaffold(
- appBar: AppBar(
- title: Text(
- 'COVID COMPANION',
- style: TextStyle(
- fontSize: 20.0,
- fontWeight: FontWeight.bold,
- letterSpacing: 2.0
- ),
- ),
- backgroundColor: Colors.indigo[900],
- centerTitle: true,
- elevation: 0,
- ),
- backgroundColor: Colors.grey[200],
- body:
- ListView(
- scrollDirection: Axis.vertical,
- children: <Widget>[
- GridView.count(
- crossAxisCount: 2,
- children: <Widget>[
- Container(
- child: Card(
- elevation: 10.0,
- child:Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: <Widget>[
- Image(
- image: AssetImage('assets/undraw_faq_rjoy.png'),
- height:150.0,
- width: 200.0,
- fit:BoxFit.cover,
- ),
- SizedBox(height:5.0 ,),
- OutlineButton(
- shape: StadiumBorder(),
- onPressed: (){},
- borderSide: BorderSide(color: Colors.pink.shade200),
- splashColor: Colors.pinkAccent[100],
- child: Padding(
- padding: EdgeInsets.all(8.0),
- child: Text(
- 'FAQ',
- style: TextStyle(
- fontWeight: FontWeight.bold,
- color: Colors.black,
- ),
- ),
- ),
- )
- ],
- )
- ),
- ),
- Container(
- child: Card(
- elevation: 10.0,
- child:Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: <Widget>[
- Image(
- image: AssetImage('unnamed1.jpg'),
- height:150.0,
- width: 200.0,
- fit:BoxFit.cover,
- ),
- SizedBox(height:5.0 ,),
- OutlineButton(
- shape: StadiumBorder(),
- onPressed: (){},
- borderSide: BorderSide(color: Colors.pink.shade200),
- splashColor: Colors.pinkAccent[100],
- child: Padding(
- padding: EdgeInsets.all(8.0),
- child: Text(
- 'DOs',
- style: TextStyle(
- fontWeight: FontWeight.bold,
- color: Colors.black,
- ),
- ),
- ),
- )
- ],
- )
- ),
- ),
- Container(
- child: Card(
- elevation: 10.0,
- child:Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: <Widget>[
- Image(
- image: AssetImage('assets/unnamed2.jpg'),
- height:150.0,
- width: 200.0,
- fit:BoxFit.cover,
- ),
- SizedBox(height:5.0 ,),
- OutlineButton(
- shape: StadiumBorder(),
- onPressed: (){},
- borderSide: BorderSide(color: Colors.pink.shade200),
- splashColor: Colors.pinkAccent[100],
- child: Padding(
- padding: EdgeInsets.all(8.0),
- child: Text(
- 'DONTs',
- style: TextStyle(
- fontWeight: FontWeight.bold,
- color: Colors.black,
- ),
- ),
- ),
- )
- ],
- )
- ),
- ),
- Container(
- child: Card(
- elevation: 10.0,
- child:Column(
- mainAxisAlignment: MainAxisAlignment.center,
- children: <Widget>[
- Image(
- image: AssetImage('assets/undraw_Notify_re_65on.jpg'),
- height:150.0,
- width: 200.0,
- fit:BoxFit.cover,
- ),
- SizedBox(height:5.0 ,),
- OutlineButton(
- shape: StadiumBorder(),
- onPressed: (){},
- borderSide: BorderSide(color: Colors.pink.shade200),
- splashColor: Colors.pinkAccent[100],
- child: Padding(
- padding: EdgeInsets.all(8.0),
- child: Text(
- 'FAKE NEWS',
- style: TextStyle(
- fontWeight: FontWeight.bold,
- color: Colors.black,
- ),
- ),
- ),
- )
- ],
- )
- ),
- )
- ]
- ),
- SizedBox(height: 20.0,),
- Symptoms(),
- SizedBox(
- height: 20.0,
- ),
- preventions(),
- ],
- ),
- );
- }
- // ignore: non_constant_identifier_names
- Widget Symptoms() {
- return Material(
- color: Colors.white,
- elevation: 14.0,
- shadowColor: Color(0x802196F3),
- child: Column(
- children: <Widget>[
- Padding(
- padding: EdgeInsets.all(8.0),
- child: labelContainer('SYMPTOMS'),
- ),
- Padding(
- padding: EdgeInsets.all(8.0),
- child: listofsymptoms(),
- ),
- ],
- ),
- );
- }
- Widget labelContainer(String labelVal) {
- return Container(
- height: 30.0,
- child: Row(
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
- children: <Widget>[
- Text(
- labelVal,
- style: TextStyle(fontWeight: FontWeight.bold,fontSize: 20.0),
- ),
- Text(
- 'MORE',
- style: TextStyle(color: Colors.indigo[900],fontWeight: FontWeight.bold,fontSize: 18.0),
- ),
- ],
- ),
- );
- }
- Widget listofsymptoms() {
- return Container(
- height: 160.0,
- child: ListView(
- scrollDirection: Axis.horizontal,
- children: <Widget>[
- imageSection(
- 'assets/symp1.png',
- 'HIGH FEVER/HEADACHE'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp2.png',
- 'MUSCLE PAIN'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp3.png',
- 'SUDDEN LOSS OF TASTE/SMELL'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp4.png',
- ' COUGH'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp5.png',
- 'SORE THROAT'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp6.png',
- 'DIFFICULTY IN BREATHING'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/symp7.png',
- 'CHILLS'),
- ],
- ));
- }
- Widget imageSection(String imageVal, String appVal) {
- return Column(
- children: <Widget>[
- Container(
- height: 100.0,
- width: 100.0,
- decoration: new BoxDecoration(
- image: DecorationImage(
- image: new NetworkImage(imageVal),
- fit: BoxFit.fill,
- ),
- borderRadius: BorderRadius.circular(20.0),
- ),
- ),
- SizedBox(
- height: 10.0,
- ),
- Text(
- appVal,
- style: TextStyle(
- color: Colors.black, fontWeight: FontWeight.bold, fontSize: 16.0),
- ),
- SizedBox(
- height: 10.0,
- ),
- ],
- );
- }
- Widget preventions() {
- return Material(
- color: Colors.white,
- elevation: 14.0,
- shadowColor: Color(0x802196F3),
- child: Column(
- children: <Widget>[
- Padding(
- padding: EdgeInsets.all(8.0),
- child: labelContainer('Preventions'),
- ),
- Padding(
- padding: EdgeInsets.all(8.0),
- child: listofpreventions(),
- ),
- ],
- ),
- );
- }
- Widget listofpreventions() {
- return Container(
- height: 160.0,
- child: ListView(
- scrollDirection: Axis.horizontal,
- children: <Widget>[
- imageSection(
- 'assets/prev1.jpg',
- 'WEAR A MASK'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/prev2.jpg',
- 'WASH HANDS/SANITISE HANDS'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/prev3.jpg',
- 'AVOID CONTACTS WITH OTHERS'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/prev4.jpg',
- 'COVER YOUR COUGH OR SNEEZE'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/prev5.jpg',
- 'STAY HOME'),
- SizedBox(
- width: 20.0,
- ),
- imageSection(
- 'assets/prev6.jpg',
- 'DONT TRAVEL'),
- ],
- ));
- }
- }