- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
我正在努力将 block 模式放入我的 Flutter 应用程序中。我正在使用这个库来使它对我来说更简单一点:https://felangel.github.io/bloc/#/
我有一个主要问题。我怎样才能使我的 Bloc 全局可访问,而无需一次又一次地传递它?
这是我的代码:
主飞镖:
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'db_bloc.dart';
import 'NotesPage.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
State<StatefulWidget> createState() => MyAppState();
}
class MyAppState extends State<MyApp> {
final DatabaseBloc _dbNoteBloc = DatabaseBloc();
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
home: BlocProvider<DatabaseBloc>(
bloc: _dbNoteBloc,
child: NotesPage(),
),
);
}
@override
void dispose() {
_dbNoteBloc.dispose();
super.dispose();
}
}
笔记页:
import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'db_bloc.dart';
import 'note_model.dart';
class NotesPage extends StatefulWidget {
_NotesPageState createState() => _NotesPageState();
}
class _NotesPageState extends State<NotesPage> {
@override
Widget build(BuildContext context) {
final DatabaseBloc _dbNoteBloc = BlocProvider.of<DatabaseBloc>(context);
return BlocBuilder<NoteDbEvent, List<Note>>(
bloc: _dbNoteBloc,
builder: (BuildContext context, List<Note> state) {
return Scaffold(
appBar: AppBar(
title: Text("bla"),
actions: <Widget>[
// action button
IconButton(
icon: Icon(Icons.refresh),
onPressed: () => _dbNoteBloc
.dispatch(NoteDbEvent(type: NoteDbEventType.GetAll)),
), // action button
],
),
body: ListView.builder(
itemCount: state.length,
itemBuilder: (BuildContext context, int index) {
return Column(
children: <Widget>[
ListTile(
title: Text('${state[index].title}'),
onLongPress: () => showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text("Löschen"),
content: Text(
"Möchtest du diese Notiz wirklich löschen?"),
actions: <Widget>[
FlatButton(
child: Text("Close"),
onPressed: () {
Navigator.of(context).pop();
},
),
FlatButton(
child: Text("Delete"),
onPressed: () {
_dbNoteBloc.dispatch(NoteDbEvent(
value: state[index],
type: NoteDbEventType.Delete));
Navigator.of(context).pop();
},
),
],
);
},
),
),
Divider(
height: 0,
),
],
);
},
),
);
},
);
}
}
如您所见,我在小部件代码中也有显示对话框代码,我很乐意将其源代码取出,但直到现在,如果不在 Bloc Builder 中,显示对话框代码无法访问 _dbNoteBloc .
感谢您的每一次帮助。
PS:如果有人需要这里的 Bloc 代码,它是:
import 'package:bloc/bloc.dart';
import "note_model.dart";
import 'db.dart';
enum NoteDbEventType { Insert, Delete, Update, GetAll }
class NoteDbEvent {
NoteDbEventType type;
Note value;
NoteDbEvent({this.type, this.value});
}
class DatabaseBloc extends Bloc<NoteDbEvent, List<Note>> {
final db = DBProvider();
@override
List<Note> get initialState => [];
@override
Stream<List<Note>> mapEventToState(List<Note> currentState, NoteDbEvent event) async* {
switch (event.type) {
case NoteDbEventType.Delete:
db.deleteNote(event.value.id);
currentState.removeWhere((item) => item.id == event.value.id);
yield List.from(currentState);
break;
case NoteDbEventType.Insert:
int id = await db.newNote(event.value);
event.value.id = id;
currentState.add(event.value);
yield List.from(currentState);
break;
case NoteDbEventType.Update:
yield currentState;
break;
case NoteDbEventType.GetAll:
var list = await db.getAllNotes();
yield currentState = list;
break;
}
}
}
最佳答案
The BLoC pattern is better used to manage state of a single specific widget like a screen by example.
BLoC 模式不是由单个特定小部件使用,而是用于每个 UI 功能。这意味着您的小部件几乎没有链接到您的 BLoC。您始终可以选择是否为 UI 的每个部分使用它。显然,将您的 BLoC 拆分为多个 BLoC 是您的工作。
对于那些不了解它的人:如果你想让 BLoC 模式让你的生活更轻松,你可以使用 flutter_bloc
包 here这让您可以接触到许多帮助者。
如果您需要有关软件包的帮助,您也可以来 gitter .
关于显示对话框,您可以使用非常新的 BlocListener
。
关于flutter - 如何使一个 Bloc 全局访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54521356/
这几天我一直在学习 Flutter 中的 Bloc Pattern。 我有一个页面需要生成 OTP 并对其进行验证。 有两个 API(generateOtp、validateOtp)两个实现了这个功能
我目前正在创建一个原型(prototype)项目,它实现了很多功能,如导航管理、错误管理、存储管理等 我现在面临一个关于 Bloc 的问题。我想知道哪些是使用 blocs 的最佳实践,事实上,假设我有
我在 Flutter 工作了很长时间,并且有很多已发布的产品。我从来不喜欢 BLoC,更喜欢使用 Provider 或后来的 Riverpod。 我只是不明白那个事件的概念。为什么我们还需要它?我很困
我对 Flutter 和 BLoC 模式还比较陌生,所以我仍在尝试了解所有内容。 假设我有一个测验应用程序,其中有一个名为 QuestionBloc 的 BLoC它使用存储库从文件中获取问题。事件于Q
我正在使用这个包:https://pub.dartlang.org/packages/bloc .我有两个 View :在第一个 View 中,我使用“bloc1”显示元素列表,通过 Floating
Bloc 相对于 Cubit 的实际优势是什么? 除了可追溯性(您也可以通过适当的 Cubit 日志记录来实现)和高级事件转换(我想不出任何“高级”事件Cubit 无法执行的转换,因为总有一种方法可以
我正在使用 Bloc 模式开发 Flutter 应用程序。认证成功后,UserSate 有 User 对象。在所有其他 Bloc 中,我需要访问 UserState 中的 User 对象。我尝试在其他
我有两个BLoC。 EstateBloc EstateTryBloc 我的应用程序基本上是从API获取遗产,并以类似的fashion显示它们 现在,我想添加排序功能,但是我只能通过特定状态访问遗产 l
这是 Bloc (简体): import 'package:autobleidas_flutter/bloc/bloc_base.dart'; import 'package:firebase_aut
我目前正在将我的代码重构为 bloc 模式,并为屏幕创建了一个 bloc,该屏幕从 Assets 中的 json 文件中获取位置列表。事件是获取,状态是初始、加载和加载。 在我的 UI 屏幕上,我想使
我有一个包含 2 个页面的应用程序,当点击主页按钮时,它会导航到“设置”页面。 IconButton( onPressed:(){ Navigator.push(
我有这些针对腕尺状态的密封类: part of 'logged_out_nickname_cubit.dart'; @freezed abstract class LoggedOutNickNameS
我的项目是一个使用 flutter、dart(前端)和 Nodejs 作为后端的社交网络混合移动应用程序, 我聘请的前端开发人员使项目的一部分(占项目的 35%)使用 GetX 作为状态管理,然后在某
Error: I/flutter ( 5919): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═════════════════════════════════
我是 Flutter 和 Bloc 架构的新手,我正在尝试使用 Bloc 来实现我的登录功能。我正在尝试调用我的 Bloc 文件中的函数,但我不知道该怎么做。如果您能帮我看看我在使用 Bloc 时是否
在使用 BLoC 库时,我们将所有变量存储在一个状态类中。但是在哪里存储TextEditingController,它不会改变,但它的值会改变? 假设我有一个这样的状态类(仅作为示例): @freez
场景 我正在尝试创建一个具有两个屏幕的 Flutter 应用程序:ContactsScreen和 EditContactScreen .在 ContactsScreen , 用户将看到 Dropdow
我在尝试在 DartPad 上运行我的代码时遇到了这个问题。 'runZoned' is deprecated and shouldn't be used. This will be removed
我在尝试在 DartPad 上运行我的代码时遇到了这个问题。 'runZoned' is deprecated and shouldn't be used. This will be removed
产品 Bloc 类 final ProductRepositoryImpl _productRepositoryImpl; ProductBloc(this._productRepositor
我是一名优秀的程序员,十分优秀!