颤振BLoC问题

Question

目前，我正试图找出如何在简单的BLoC模式中实现TodoList模式。我现在正面对一些问题，不太清楚原因。似乎来自"TodoBlocProvider“，当我在"add_task_page”中添加一个新的Todo时会出现。我知道它有很多代码，而且可能不是你见过的最好的代码，但是如果有人能帮助我，那将是非常好和非常感激的。

Git Repo

Answer 1

我发现你的问题了，告诉我是否有帮助

将main.dart替换为以下内容

import 'package:flutter/material.dart';
import 'package:todo_v2/TodoBlocProvider.dart';
//import 'package:todo_v2/TodoViewModel.dart';
import 'package:todo_v2/add_task_page.dart';
//import 'package:todo_v2/database.dart';
import 'package:todo_v2/listview.dart';
import 'package:todo_v2/todo_bloc.dart';
//import 'package:uuid/uuid.dart';
//import 'Todo.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TodoBlocProvider(
      todoBloc: TodoBloc(),
      child:  MaterialApp(
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: MyHomePage(title: 'Flutter Demo Home Page'),
      ),
    );



  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
//  int _index = 0;

  @override
  Widget build(BuildContext context) {
    final todoBloc = TodoBlocProvider.of(context);
    return Scaffold(
      backgroundColor: Colors.blueGrey,
        appBar: AppBar(
          title: Text(widget.title),
        ),
        body: StreamBuilder(
            stream: todoBloc.todoList,
            builder: (BuildContext context, snapData) {
              if (snapData.hasData) {
                print("hasdata ${snapData.data.length}");
                return CustomListView(todos: snapData.data);
              } else {
                return Container(
                  child: Text("nodata"),
                );
              }
            }),
        floatingActionButton: FloatingActionButton(
            child: Icon(Icons.add),
            onPressed: (){
              Navigator.push(context, MaterialPageRoute(builder: (context) => NewTodoPage()));
            }),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        bottomNavigationBar: BottomAppBar(
          shape: CircularNotchedRectangle(),
          notchMargin: 4.0,
          child: Row(
            mainAxisSize: MainAxisSize.max,
            mainAxisAlignment: MainAxisAlignment.spaceAround,
            children: <Widget>[
              IconButton(
                icon: Icon(Icons.event),
                onPressed: (){},
              ),
              IconButton(
                  icon: Icon(Icons.event_available),
                  onPressed: (){})
            ],
          ),
        )
    );
  }
}