flutter - How to make Material Autocomplete work with Bloc? - Stack Overflow

admin管理员组

文章数量:1277398

I'm trying to combine Material Autocomplete widget with Bloc pattern for Google Place Autocomplete function.

My code as below:

BlocBuilder<MyBloc, MyState>(
  builder: (context, state) {
    final bloc = context.read<MyBloc>();
    return Autocomplete<GooglePlace>(
      optionsBuilder: (textEditingValue) {
        bloc.add(MakeAutocompleteEvent(textEditingValue));
        return state.places;// << this line does not return the value of current state when I emit the state after making autocompletes request
    }

...

Autocomplete class With this approach, in optionsBuilder, the widget call for text changed and return the Iterable of result in the same function. We can await and callling API for result, then return the result here.

But this won't work for bloc pattern.

Tried to set value to textEditingController after making the request and the state has the data, the widget rebuilt but the optionsBuilder was not called.

I expect to make Autocomplete work with Bloc pattern.

Is there any approach for this combination? Thank you.

I'm trying to combine Material Autocomplete widget with Bloc pattern for Google Place Autocomplete function.

My code as below:

BlocBuilder<MyBloc, MyState>(
  builder: (context, state) {
    final bloc = context.read<MyBloc>();
    return Autocomplete<GooglePlace>(
      optionsBuilder: (textEditingValue) {
        bloc.add(MakeAutocompleteEvent(textEditingValue));
        return state.places;// << this line does not return the value of current state when I emit the state after making autocompletes request
    }

...

Autocomplete class With this approach, in optionsBuilder, the widget call for text changed and return the Iterable of result in the same function. We can await and callling API for result, then return the result here.

But this won't work for bloc pattern.

Tried to set value to textEditingController after making the request and the state has the data, the widget rebuilt but the optionsBuilder was not called.

I expect to make Autocomplete work with Bloc pattern.

Is there any approach for this combination? Thank you.

• flutter
• material-ui
• bloc
• google-places-autocomplete

Share Improve this question Follow edited Feb 24 at 7:52 Trung asked Feb 24 at 6:06 TrungTrung 1133 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 0

This is exactly what I'm looking for: "Waiting for state change"

    // Add event to bloc
    bloc.add(MakeAutocompleteEvent(textEditingValue.text));

    // Wait for successful or failed state to be emitted
    // Change the condition for the state you want to get here
    final newState = await bloc.stream.firstWhere((state) =>
        state.status is SubmissionSuccess || state.status is SubmissionFailed);

    // Check and return
    if (newState.status is SubmissionSuccess) {
      return newState.places;
    } else {
      return const Iterable.empty();
    }

本文标签： flutterHow to make Material Autocomplete work with BlocStack Overflow