flutter - 如何将 block 添加到有状态的小部件屏幕

Question

我有一个这样的屏幕:

class SettingsScreen extends StatefulWidget {
   @override
   _SettingsScreenState createState() => _SettingsScreenState();
}

class _SettingsScreenState() extends State<SettingsScreen> with TickerProviderStateMixin {
    ...
    listViews.add(
        UserView(

        );
    );
}

然后我有一个 bloc。

class UserBloc extends Bloc<UserEvent, UserState> {
    final UserRepo userRepo;
    UserBloc({@required this.userRepo}) : assert(userRepo != null);
}

如何设置 UserBloc来控制上面的小部件？我正在将此 https://bloclibrary.dev/#/用于集团。

Answer 1

void main() {
runApp(App());
}
class App extends StatelessWidget {
 @override
Widget build(BuildContext context) {
  return  MaterialApp(
        title: 'Flutter Demo',
        home: BlocProvider(
          create: (_) => UserBloc(),
          child: SettingsScreen(),
        ),
      );;
  }
}

class SettingsScreen extends StatelessWidget {
@override
Widget build(BuildContext context) {
  return Scaffold(
  body: BlocBuilder< UserBloc, UserState>(
    builder: (user, userState) {
      return Text(
          'new event and new state',
        ),
      );
    },
  )
}