Widgets

banner_widget.dart

// So
import 'package:flutter/material.dart';

Widget bannerWidget(){
  return  SizedBox(
    height: 282,
    child: PageView(
      children: [
        Container(
          height: 282,
          width: double.infinity,
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(
                'assets/delivery/auth_female.png',
              ),
              fit: BoxFit.cover,
            ),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.end,
            children: [
              Padding(
                padding: const EdgeInsets.only(left: 30),
                child: Text(
                  'Hello',
                  style: TextStyle(
                    fontSize: 40,
                    color: Colors.purple,
                    fontWeight: FontWeight.bold,
                  ),
                ),
              ),
              SizedBox(
                height: 50,
              ),
              Row(
                children: [
                  Container(
                    height: 10,
                    width: 40,
                    color: Colors.green,
                  ),
                  CircleAvatar(
                    radius: 10,
                  ),
                  CircleAvatar(
                    radius: 10,
                  ),
                  CircleAvatar(
                    radius: 10,
                  ),
                ],
              ),
              SizedBox(
                height: 50,
              ),
            ],
          ),
        ),
        Container(
          height: 282,
          width: double.infinity,
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(
                'assets/delivery/auth_female.png',
              ),
              fit: BoxFit.cover,
            ),
          ),
        ),
        Container(
          height: 282,
          width: double.infinity,
          decoration: BoxDecoration(
            image: DecorationImage(
              image: AssetImage(
                'assets/delivery/auth_female.png',
              ),
              fit: BoxFit.cover,
            ),
          ),
        ),
      ],
    ),
  );
}

categories_widget.dart

// Some code
import 'package:flutter/material.dart';

Widget categoriesWidget(){
  return Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      Text('Categories'),
      IconButton(onPressed: (){}, icon: Icon(Icons.arrow_forward_ios))
    ],
  );
}

category_widget.dart

// Some code

import 'package:flutter/material.dart';

Widget categoryWidget(){
  return SingleChildScrollView(
    scrollDirection: Axis.horizontal,
    child: Row(
      spacing: 10,
      children: [
        Column(
          children: [
            CircleAvatar(
              radius: 35,
              backgroundColor: Color(0xFFE6F2EA),
              backgroundImage: AssetImage('assets/product1.png'),
            ),
            Text('Vegetables')
          ],
        ),
        Column(
          children: [
            CircleAvatar(
              radius: 35,
              backgroundColor: Color(0xFFE6F2EA),
              backgroundImage: AssetImage('assets/product1.png'),
            ),
            Text('Vegetables')
          ],
        ),
        Column(
          children: [
            CircleAvatar(
              radius: 35,
              backgroundColor: Color(0xFFE6F2EA),
              backgroundImage: AssetImage('assets/product1.png'),
            ),
            Text('Vegetables')
          ],
        ),
        Column(
          children: [
            CircleAvatar(
              radius: 35,
              backgroundColor: Color(0xFFE6F2EA),
              backgroundImage: AssetImage('assets/product1.png'),
            ),
            Text('Vegetables')
          ],
        ),
        Column(
          children: [
            CircleAvatar(
              radius: 35,
              backgroundColor: Color(0xFFE6F2EA),
              backgroundImage: AssetImage('assets/product1.png'),
            ),
            Text('Vegetables')
          ],
        ),

      ],
    ),
  );
}

textfield_widget.dart

import 'package:flutter/material.dart';

Widget textFieldWidget(){
  return TextField(
    decoration: InputDecoration(border: OutlineInputBorder()),
  );
}