Fatal编程技术网
  • flutter/
  • Flutter 如何在颤振中的两个不同屏幕上使用相同的块？

Flutter 如何在颤振中的两个不同屏幕上使用相同的块？

flutter

Flutter 如何在颤振中的两个不同屏幕上使用相同的块？,flutter,flutter-dependencies,provider,bloc,Flutter,Flutter Dependencies,Provider,Bloc,我正试图通过使用Flatter_bloc将一个firebaseuser实例带到两个不同屏幕的同一个pad，主屏幕成功地向我显示了问题，当我切换到另一个屏幕时，这个问题会一直等待，不会从那里开始 UserBloc类 class UserBloc extends Bloc { final _auth_repository = FirebaseAuthApiRespository(); Stream<FirebaseUser> streamFirebase = Firebase

我正试图通过使用Flatter_bloc将一个firebaseuser实例带到两个不同屏幕的同一个pad，主屏幕成功地向我显示了问题，当我切换到另一个屏幕时，这个问题会一直等待，不会从那里开始

UserBloc类

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;
  }
}

class UserBloc扩展了Bloc{
final _auth_repository=FirebaseAuthApiRespository（）；
streamFirebase=FirebaseAuth.instance.onAuthStateChanged；
Stream get auhtStatus=>streamFirebase；
Future signIn（）=>\u auth\u repository.SigninFreebase（）；
签出（）{
_auth_repository.signOut（）；
}
Future signInFacebook（）=>_auth_repository.signInFacebook（）；
signOutFacebook（）{
_auth_repository.signOutFacebook（）；
}
最终_cloudFirestoreRepository=cloudFirestoreRepository（）；
void updateUserData（用户）=>\u cloudFirestoreRepository.updateUserDataFirestore（用户）；
@凌驾
//TODO:实现初始状态
GetInitialState=>null；
@凌驾
流mapEventToState（事件）{
//TODO:实现mapEventToState
返回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()
        },
      ),

    );
  }
}

void main（）{
WidgetsFlutterBinding.ensureInitialized（）；
SystemChrome.SetEnabledSystemEmioVerlays（[]）；
runApp（MyApp（））；
}
类MyApp扩展了StatefulWidget{
MyApp（{Key}）：超级（Key:Key）；
@凌驾
_MyAppState createState（）=>\u MyAppState（）；
}
类MyAppState扩展了状态{
管理存储管理存储=管理存储（）；
@凌驾
void initState（）{
managementstorage.createStragoe（）；
super.initState（）；
}
小部件构建（构建上下文）{
返回多BlocProvider(
供应商：[
BlocProvider（创建：（BuildContext上下文）=>CameraBloc（）），
BlocProvider（创建：（BuildContext上下文）=>UserBloc（）），
],
孩子：MaterialApp(
黑暗主题：主题数据。黑暗（），
themeMode:themeMode.dark，
debugShowCheckedModeBanner:false，
home:SignInScreen（），//ProfileUserHome（）//
路线：{
“/adddocument”：（BuildContext上下文）=>ScreenAddPhoto（），
“/screenimagedetail”：（BuildContext上下文）=>screenimagedetail（）
},
),
);
}
}
屏幕1:

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,
          )
        ],
      );
    }
  }
}

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("")),
            ],
          ),
        ),
      ),

    );
  }
}

class ProfileUser扩展无状态小部件{
UserBloc UserBloc；
@凌驾
小部件构建（构建上下文）{
userBloc=BlocProvider.of（上下文）；
返回流生成器(
流：userBloc.auhtStatus，
生成器：（BuildContext上下文，异步快照）{
交换机（快照.连接状态）{
案例连接状态。无：
返回中心(
子对象：SpinKitSquareCircle（颜色：Colors.white），
);
打破
案例连接状态。正在等待：
返回中心(
子对象：SpinKitSquareCircle（颜色：Colors.white），
);
打破
案例连接状态.active：
返回showPofileData（快照）；
打破
案例连接状态。完成：
返回showPofileData（快照）；
打破
违约：
}
},
);
}
小部件showPofileData（异步快照快照）{
如果（！snapshot.hasData | | snapshot.hasError）{
返回堆栈(
儿童：[
列表视图(
儿童：[文本（“Usuario no logeado.Haz login”）]，
),
],
);
}否则{
var user=user(
uid:snapshot.data.uid，
名称：snapshot.data.displayName，
电子邮件：snapshot.data.email，
photoURL:snapshot.data.photoURL，
);
返回堆栈(
儿童：[
UserBody（），
标题(
用户:用户,，
)
],
);
}
}
}
屏幕2:

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,
          )
        ],
      );
    }
  }
}

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("")),
            ],
          ),
        ),
      ),

    );
  }
}

class ProfileUserHome扩展了无状态小部件{
UserBloc UserBloc；
@凌驾
小部件构建（构建上下文）{
userBloc=BlocProvider.of（上下文）；
返回脚手架(
正文：StreamBuilder(
流：userBloc.auhtStatus，
生成器：（BuildContext上下文，异步快照）{
交换机（快照.连接状态）{
案例连接状态。无：
返回中心(
子对象：SpinKitSquareCircle（颜色：Colors.white），
);
打破
案例连接状态。正在等待：
返回中心(
子对象：SpinKitSquareCircle（颜色：Colors.white），
);
打破
案例连接状态.active：
返回profileuserinfo（快照）；
打破
案例连接状态。完成：
返回profileuserinfo（快照）；
打破
违约：
}
},
),
);
}
小部件配置文件UserInfo（异步快照快照）{
如果（！snapshot.hasData | | snapshot.hasError）{
返回中心（子项：文本（“Usuario no logeado.Haz login”）；
}否则{
var user=user(
uid:snapshot.data.uid，
名称：snapshot.data.displayName，
电子邮件：snapshot.data.email，
photoURL:snapshot.data.photoURL，
);
返回列表视图（子项：[
HeaderProfileUserHome（用户：用户）
]);
}
}
}
底部导航栏：

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,
          )
        ],
      );
    }
  }
}

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("")),
            ],
          ),
        ),
      ),

    );
  }
}

class NavBarUser扩展StatefulWidget{
@凌驾
状态createState（）{
//TODO:实现createState
返回_NavBarUser（）；
}
}
类_NavBarUser扩展状态{
int indexTap=0；
@凌驾
小部件构建（构建上下文）{
PageController=PageController（初始页：0，保留页：true）；
void onTapTapped（整数索引）{
设置状态（）{
indexTap=指数；
controller.animateToPage（索引，
持续时间：持续时间（毫秒：200），曲线：Curves.ease）；
});
}
无效页面已更改（整型索引）{
设置状态（）{
索引=