Counter example

readme.md

Counter example

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      title: 'Independence Day',
      debugShowCheckedModeBanner: false,
      home: Content(),
    );
  }
}

class Content extends StatelessWidget {
  const Content({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Stack(children: [
        Column(
          children: const [
            FlagElement(
              background: Colors.red,
              foreground: Colors.white,
              text: 'Recover Faster',
            ),
            FlagElement(
              background: Colors.white,
              foreground: Colors.red,
              text: 'Rise Stronger',
            ),
          ],
        ),
        const Logo(),
      ]),
    );
  }
}

class Logo extends StatelessWidget {
  const Logo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final size = MediaQuery.of(context).size;
    
    return Center(
      child: Image.network('', width: size.width*.3, height: size.height*.3,),
    );
  }
}

class FlagElement extends StatelessWidget {
  const FlagElement({
    Key? key,
    required this.background,
    required this.foreground,
    required this.text,
  }) : super(key: key);

  final Color background;
  final Color foreground;
  final String text;

  @override
  Widget build(BuildContext context) {
    return Expanded(
      child: Container(
        width: double.infinity,
        color: background,
        padding: const EdgeInsets.all(50),
        child: FittedBox(
          child: Text(
            text,
            style: TextStyle(
              color: foreground,
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
      ),
    );
  }
}