2

我正在创建一个带有块的颤振应用程序。

我遵循了Flutter login with blocs中可用的代码

如果我的应用没有定义路由，它会按预期工作

class App extends StatelessWidget {
  Widget build(BuildContext context) {
    return Provider(
      child: MaterialApp(
        title: 'Log Me In!',
        home: Scaffold(
          body: LoginScreen(),
        ),
      ),
    ); 
  }
}

但是当我更改我的应用程序以使用路线时

class App extends StatelessWidget {
  Widget build(BuildContext context) {
    return  MaterialApp(
        title: 'Log Me In!',
        routes: {
          '/':(context) => Provider(
            child: Scaffold(
              body: LoginScreen(),
            ),
          )
        },
       );
  }
}

集团代码

class Bloc extends Object with Validators {
  final _email = BehaviorSubject<String>();
  final _password = BehaviorSubject<String>();

  // retrieve data from stream
  Stream<String> get email    => _email.stream.transform(validateEmail);
  Stream<String> get password => _password.stream.transform(validatePassword);
  Stream<bool>   get submitValid => Observable.combineLatest2(email, password, (e, p) => true);

  // add data to stream
  Function(String) get changeEmail    => _email.sink.add;
  Function(String) get changePassword => _password.sink.add;

  submit() {
    final validEmail    = _email.value;
    final validPassword = _password.value;

    print('$validEmail and $validPassword');
  }

  dispose() {
    _email.close();
    _password.close();
  }
}

Observable.combileLatest2 没有流式传输数据（但它流式传输错误）。

使用 Rxdart 版本 0.19.0 和

Flutter 1.0.0 • 频道测试版 •<a href="https://github.com/flutter/flutter.git" rel="nofollow noreferrer">https://github.com/flutter/flutter.git 框架 • 修订5391447fae（6 天前） • 2018-11-29 19:41:26-0800 引擎 • 修订版 7375a0f414Tools • Dart 2.1.0（构建 2.1.0-dev.9.4 f9ebf21297）

我在这里做错了吗？提前致谢

4

1 回答 1

2

经过大量试验，我发现当我使用路由进行导航时，颤振会多次构建页面，这是预期的行为，请参阅此处以获取详细答案

因此，当它多次构建页面时，它会在 bloc 上创建多个 Observable，因为它每次创建 Page 路由时都会创建 Bloc 的新实例。

所以当我修改代码时

class App extends StatelessWidget {
  final login = Provider(
            child: Scaffold(
              body: LoginScreen(),
            ),
          );
  Widget build(BuildContext context) {
    return  MaterialApp(
        title: 'Log Me In!',
        routes: {
          '/':(context) => login,
        },
       );
  }
}

它工作得很好。

另一种实现方式是创建一个有状态的小部件并在init方法中进行初始化。

于 2018-12-19T18:47:19.407 回答