home_screen_orignal.txt

//import 'dart:html';

import 'package:Hunarmand_signIn_Ui/Widgets/header_widget.dart';
import 'package:Hunarmand_signIn_Ui/utils/color.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

class Home extends StatefulWidget {
  Home({Key key}) : super(key: key);

  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // backgroundColor: Color(0xFF81F2836),

      body: Container(
        width: double.infinity,
        margin: EdgeInsets.only(left: 70),
        //color: Colors.red,

        child: Column(
          //mainAxisAlignment: MainAxisAlignment.start,

          children: <Widget>[
            //,
            SingleChildScrollView(
              scrollDirection: Axis.horizontal,
              child: Padding(
                padding: EdgeInsets.only(left: 30, top: 10),
                child: Row(
                  children: [
                    _slider(
                        color: Colors.grey,
                        title: 'Electrican',
                        subtitle: 'Highely trained'),
                    _slider(
                        color: Colors.blueGrey,
                        title: 'Plumber',
                        subtitle: 'Highely trained')
                  ],
                ),
              ),
            ),
            Container(
              padding: EdgeInsets.only(bottom: 20.0, left: 10.0),
              alignment: Alignment.topLeft,
              child: Text(
                'Pupolar services',
                style: TextStyle(
                  color: Colors.black,
                  fontWeight: FontWeight.bold,
                  fontSize: 20.0,
                  letterSpacing: 0.5,
                ),
              ),
            ),
            Expanded(
              child: GridView.count(
                mainAxisSpacing: 2,
                crossAxisSpacing: 2,
                primary: false,
                crossAxisCount: 3,
                children: <Widget>[
                  _cardWidget(
                      image: 'assets/electrician.JPG', text: 'Electrician'),
                  _cardWidget(image: 'assets/plumber12.JPG', text: 'Plumber'),
                  _cardWidget(image: 'assets/carpenter.JPG', text: 'Carpenter'),
                  _cardWidget(image: 'assets/carpenter.JPG', text: 'Masson'),
                  _cardWidget(image: 'assets/gardner.JPG', text: 'Gardner'),
                  _cardWidget(image: 'assets/painter.JPG', text: 'Painter'),
                  _cardWidget(
                      image: 'assets/carpenter.JPG', text: 'Electrician'),
                  _cardWidget(
                      image: 'assets/carpenter.JPG', text: 'Electrician'),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }

  Widget _slider(
      {@required Color color,
      @required String title,
      @required String subtitle}) {
    return Container(
      margin: EdgeInsets.only(top: 5.0, left: 10.0, right: 10.0, bottom: 15.0),
      padding: EdgeInsets.only(left: 10.0),
      height: 120,
      width: 240,
      decoration: BoxDecoration(
        color: color,
        borderRadius: BorderRadius.circular(15.0),
        image: DecorationImage(
          image: AssetImage('assets/electric_bg.jpg'),
          fit: BoxFit.fill,
        ),
      ),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Padding(
            padding: const EdgeInsets.only(top: 50.0),
            child: Text(
              title,
              style: TextStyle(
                fontSize: 22.0,
                fontWeight: FontWeight.bold,
                color: Colors.black,
              ),
            ),
          ),
          SizedBox(
            height: 5.0,
          ),
          Text(
            subtitle,
            style: TextStyle(
              color: Colors.amber,
              fontSize: 19.0,
            ),
          )
        ],
      ),
    );
  }

  Widget _cardWidget({String image, String text}) {
    return Card(
      color: Colors.white,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10)),
      elevation: 10.0,
      shadowColor: Colors.blueGrey,
      margin: EdgeInsets.all(5.0),
      //shadowColor: Color(0xffF5591F),
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: <Widget>[
          Image(
            image: AssetImage(
              image,
            ),
            height: 70.0,
            width: 150.0,
          ),
          SizedBox(
            height: 10.0,
          ),
          Text(text,
              style: TextStyle(
                color: Colors.black,
                fontSize: 15.0,
              ))
        ],
      ),
    );
  }
}