flying-glimmer-1968

readme.md

flying-glimmer-1968

Created with <3 with dartpad.dev.

main.dart

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:provider/provider.dart';

class SimpleCounter extends Cubit<int> {
  SimpleCounter(super.initialState);

  void increment() => emit(state + 1);
  void decrement() => emit(state - 1);
}

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Provider<SimpleCounter>(
        create: (_) => SimpleCounter(0),
        child: const MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) => const MyScaffold();
}

class MyScaffold extends StatelessWidget {
  const MyScaffold({super.key});

  @override
  Widget build(BuildContext context) {
    final count = context.watch<SimpleCounter>().state;

    return Scaffold(
      appBar: AppBar(title: const Text('My app')),
      body: Center(child: Text(count.toString())),
      floatingActionButton: Row(
        mainAxisSize: MainAxisSize.min,
        children: [
          FloatingActionButton(
            onPressed: () => context.read<SimpleCounter>().decrement(),
            tooltip: 'Left',
            child: const Icon(Icons.remove),
          ),
          FloatingActionButton(
            onPressed: () => context.read<SimpleCounter>().increment(),
            tooltip: 'Right',
            child: const Icon(Icons.add),
          ),
        ],
      ),
    );
  }
}

class MyScaffold2 extends StatelessWidget {
  const MyScaffold2({super.key});

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<SimpleCounter, int>(builder: (context, count) {
      return Scaffold(
        appBar: AppBar(title: const Text('My app')),
        body: Center(child: Text(count.toString())),
        floatingActionButton: Row(
          mainAxisSize: MainAxisSize.min,
          children: [
            FloatingActionButton(
              onPressed: () => context.read<SimpleCounter>().decrement(),
              tooltip: 'Left',
              child: const Icon(Icons.remove),
            ),
            FloatingActionButton(
              onPressed: () => context.read<SimpleCounter>().increment(),
              tooltip: 'Right',
              child: const Icon(Icons.add),
            ),
          ],
        ),
      );
    });
  }
}