[英]How can I use the same bloc on two different screens in flutter?
我正在嘗試使用flutter_bloc將相同的pad傳遞給我一個firebaseuser實例到兩個不同的屏幕,主屏幕成功地向我顯示了這個問題,當我切換到另一個屏幕時,它一直在等待,而不是go .
用戶塊 Class
class UserBloc extends Bloc {
final _auth_repository = FirebaseAuthApiRespository();
Stream<FirebaseUser> streamFirebase = FirebaseAuth.instance.onAuthStateChanged;
Stream<FirebaseUser> get auhtStatus => streamFirebase;
Future<FirebaseUser> signIn() => _auth_repository.signInFirebase();
signOut() {
_auth_repository.signOut();
}
Future<FirebaseUser> signInFacebook() => _auth_repository.signInFacebook();
signOutFacebook(){
_auth_repository.signOutFacebook();
}
final _cloudFirestoreRepository = CloudFireStoreRepository();
void updateUserData(User user) => _cloudFirestoreRepository.updateUserDataFirestore(user);
@override
// TODO: implement initialState
get initialState => null;
@override
Stream mapEventToState(event) {
// TODO: implement mapEventToState
return null;
}
}
main.dart
void main() {
WidgetsFlutterBinding.ensureInitialized();
SystemChrome.setEnabledSystemUIOverlays([]);
runApp(MyApp());
}
class MyApp extends StatefulWidget {
MyApp({Key key}) : super(key: key);
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
ManagmentStorage managmentStorage = ManagmentStorage();
@override
void initState() {
managmentStorage.createStragoe();
super.initState();
}
Widget build(BuildContext context) {
return MultiBlocProvider(
providers: [
BlocProvider<CameraBloc>(create: (BuildContext context) => CameraBloc()),
BlocProvider<UserBloc>(create: (BuildContext context) => UserBloc()),
],
child: MaterialApp(
darkTheme: ThemeData.dark(),
themeMode: ThemeMode.dark,
debugShowCheckedModeBanner: false,
home: SignInScreen(), //ProfileUserHome(), //
routes: <String, WidgetBuilder>{
'/adddocument': (BuildContext context) => ScreenAddPhoto(),
'/screenimagedetail': (BuildContext context) => ScreenImageDetail()
},
),
);
}
}
屏幕一:
class ProfileUser extends StatelessWidget {
UserBloc userBloc;
@override
Widget build(BuildContext context) {
userBloc = BlocProvider.of<UserBloc>(context);
return StreamBuilder(
stream: userBloc.auhtStatus,
builder: (BuildContext context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
return Center(
child: SpinKitSquareCircle(color: Colors.white),
);
break;
case ConnectionState.waiting:
return Center(
child: SpinKitSquareCircle(color: Colors.white),
);
break;
case ConnectionState.active:
return showPofileData(snapshot);
break;
case ConnectionState.done:
return showPofileData(snapshot);
break;
default:
}
},
);
}
Widget showPofileData(AsyncSnapshot snapshot) {
if (!snapshot.hasData || snapshot.hasError) {
return Stack(
children: <Widget>[
ListView(
children: <Widget>[Text("Usuario no logeado. Haz login")],
),
],
);
} else {
var user = User(
uid: snapshot.data.uid,
name: snapshot.data.displayName,
email: snapshot.data.email,
photoURL: snapshot.data.photoUrl,
);
return Stack(
children: <Widget>[
UserBody(),
Header(
user: user,
)
],
);
}
}
}
屏幕2:
class ProfileUserHome extends StatelessWidget {
UserBloc userBloc;
@override
Widget build(BuildContext context) {
userBloc = BlocProvider.of<UserBloc>(context);
return Scaffold(
body: StreamBuilder(
stream: userBloc.auhtStatus,
builder: (BuildContext context, AsyncSnapshot snapshot) {
switch (snapshot.connectionState) {
case ConnectionState.none:
return Center(
child: SpinKitSquareCircle(color: Colors.white),
);
break;
case ConnectionState.waiting:
return Center(
child: SpinKitSquareCircle(color: Colors.white),
);
break;
case ConnectionState.active:
return profileuserinfo(snapshot);
break;
case ConnectionState.done:
return profileuserinfo(snapshot);
break;
default:
}
},
),
);
}
Widget profileuserinfo(AsyncSnapshot snapshot) {
if (!snapshot.hasData || snapshot.hasError) {
return Center(child: Text("Usuario no logeado. Haz login"));
} else {
var user = User(
uid: snapshot.data.uid,
name: snapshot.data.displayName,
email: snapshot.data.email,
photoURL: snapshot.data.photoUrl,
);
return ListView(children: <Widget>[
HeaderProfileUserHome(user: user)
]);
}
}
}
底部導航欄:
class NavBarUser extends StatefulWidget {
@override
State<StatefulWidget> createState() {
// TODO: implement createState
return _NavBarUser();
}
}
class _NavBarUser extends State<NavBarUser> {
int indexTap = 0;
@override
Widget build(BuildContext context) {
PageController controller = PageController(initialPage: 0, keepPage: true);
void onTapTapped(int index) {
setState(() {
indexTap = index;
controller.animateToPage(index,
duration: Duration(milliseconds: 200), curve: Curves.ease);
});
}
void pageChanged(int index) {
setState(() {
indexTap = index;
});
}
final pageView = PageView(
controller: controller,
onPageChanged: (index) {
pageChanged(index);
},
children: <Widget>[UserHome(), ProfileUserHome()],
);
return MultiBlocProvider(
providers: [
BlocProvider<CameraBloc>(create: (BuildContext context) => CameraBloc()),
BlocProvider<UserBloc>(create: ( BuildContext context) => UserBloc()),
],
child: Scaffold(
body: pageView,
bottomNavigationBar: Theme(
data: Theme.of(context).copyWith(
canvasColor: Colors.black,
primaryColor: Color.fromARGB(230, 226, 80, 116)),
child: BottomNavigationBar(
onTap: (index) {
onTapTapped(index);
},
currentIndex: indexTap,
items: [
BottomNavigationBarItem(icon: Icon(Icons.home), title: Text("")),
BottomNavigationBarItem(
icon: Icon(Icons.person), title: Text("")),
],
),
),
),
);
}
}
登錄成功的圖片:
圖像屏幕 1
圖像 screen2 配置文件,這是問題所在:c
你做錯了,你正在使用 flutter_bloc 庫,所以:
屈服狀態
@override Stream mapEventToState(event) { // TODO: 實現 mapEventToState return null; }
最后,使用 flutter_bloc 庫而不是 StreamBuilder 使用 BlocBuilder 小部件收聽狀態
該庫有一個編寫良好的文檔和教程,您可以查看https://bloclibrary.dev/#/gettingstarted
此外,您在 main.dart 和 NavBarUser 小部件中提供 BLOCS 兩次。 因此從 NavBarUser 中刪除它
MultiBlocProvider(
providers: [
BlocProvider<CameraBloc>(create: (BuildContext context) => CameraBloc()),
BlocProvider<UserBloc>(create: ( BuildContext context) => UserBloc()),
],
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.