TechieBlossom

import 'package:flutter/material.dart';

class ColorFiltersDemo extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => ColorFilterDemoState();
}

class ColorFilterDemoState extends State<ColorFiltersDemo> {
  int selectedBlendModeIndex = 0;

TechieBlossom

import 'package:flutter/material.dart';

class ProductsListingPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final screenHeight = MediaQuery.of(context).size.height;
    return Scaffold(
      appBar: AppBar(
        elevation: 0.0,
        leading: Padding(

TechieBlossom

body: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      Container(
        margin: const EdgeInsets.symmetric(horizontal: 20, vertical: 10),
        decoration: BoxDecoration(
          color: Color(0xFFE0E0E0),
          borderRadius: BorderRadius.all(Radius.circular(30)),
        ),
        child: TextField(

TechieBlossom

body: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      TopBar(),
    ],
  ),
)

TechieBlossom

import 'package:flutter/material.dart';

class Product {
  final String imagePath, name, description, buttonText, price, productInfo;
  final Color backgroundColor;

  Product({this.imagePath, this.name, this.description, this.buttonText, this.backgroundColor, this.price = "", this.productInfo = ""});
}

final Product pixelStand = Product(

TechieBlossom

import 'package:flutter/material.dart';
import '../../models/product.dart';
import 'blue_button.dart';

class RightImageProductImageWidget extends StatelessWidget {
  const RightImageProductImageWidget({
    Key key,
    @required this.screenHeight,
    @required this.product,
  }) : super(key: key);

TechieBlossom

body: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      TopBar(),
      RightImageProductImageWidget(
        screenHeight: screenHeight,
        product: pixel,
      )
    ],
  ),

TechieBlossom

import 'package:flutter/material.dart';
import 'package:googleproductsapp/models/product.dart';

class BlueButton extends StatelessWidget {
  const BlueButton({
    Key key,
    @required this.product,
  }) : super(key: key);

  final Product product;

TechieBlossom

import 'package:flutter/material.dart';

import '../../models/product.dart';
import 'blue_button.dart';

class LeftImageProductItemWidget extends StatelessWidget {
  const LeftImageProductItemWidget({Key key, @required this.screenHeight, @required this.product}) : super(key: key);

  final double screenHeight;
  final Product product;

TechieBlossom

body: SingleChildScrollView(
  child: Column(
    children: <Widget>[
      TopBar(),
      RightImageProductImageWidget(
        screenHeight: screenHeight,
        product: pixel,
      ),
      LeftImageProductItemWidget(
        screenHeight: screenHeight,