Question

我正在使用集团创建一个扑扑的应用程序。

中提供的代码

它按预期工作，如果我的应用程序未定义路由

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•频道Beta•https://github.com/flutter/flutter.git 框架•修订号5391447fae（6天前）•2018-11-29 19：41：26-0800 引擎•版本7375a0f414工具•Dart 2.1.0（内部版本2.1.0-dev.9.4 f9ebf21297）

我在这里做错什么了吗？预先感谢

Answer 1

经过大量试验，我发现当我使用路线进行导航时，flutter将多次构建页面，这就是预期的行为，请参考here for detailed answer

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

所以当我修改代码

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方法中进行初始化。

Flutter：通过导航加载页面时，Observable.combineLatest2没有流式传输

1 个答案: