state_examples bloc page

bloc.page.dart

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

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

class _BlocPageState extends State<BlocPage> {
  TextEditingController _controller;

  @override
  void initState() {
    super.initState();

    _controller = TextEditingController();
  }

  @override
  void dispose() {
    _controller?.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('My notes app: Bloc')),
      body: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Column(
          children: [
            FlatButton(
                onPressed: () {
                  // Get a reference of the NotesCubit 
                  // and add a note.
                  context.bloc<NotesCubit>().addNote();
                  _controller.clear();
                },
                child: Text('Create Note')),
            TextField(
              controller: _controller,
              // Get a reference of the NotesCubit 
              // and update the input value.
              onChanged: (value) =>
                  context.bloc<NotesCubit>().updateInput(value),
              decoration: InputDecoration.collapsed(hintText: 'Add a note'),
            ),
            Divider(),
            // Subscribe to the NotesCubit's state 
            BlocBuilder<NotesCubit, NotesState>(
              builder: (context, state) => Expanded(
                child: ListView.builder(
                  itemBuilder: (context, index) =>
                      Note(text: state.notes[index]),
                  itemCount: state.notes.length,
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}