为了从FireStore检索物品并选择图像,我正在使用肘节。
肘:

class ItemCubit extends Cubit<ItemState> {
  ItemCubit(this._dataBase)
      : super(ItemInitial());
  final DataBase _dataBase;
  StreamSubscription streamSubscription;

  Future<void> pickItemImg() async {
    final currentTempImg =
        await ImagePickerWeb.getImage(outputType: ImageType.bytes);
    emit(ItemImgPicked(currentTempImg));
  }

  Future getItem() async {
    streamSubscription = _dataBase.getItem().listen((data) {
      emit(ItemLoaded(data));
    });
  }
}
州:
@immutable
abstract class ItemState {}

class ItemLoaded extends ItemState {
  final List<Item> item;

  ItemLoaded(this.item);
}

class ItemImgPicked extends ItemState {
  final Uint8List currentTempImg;

  ItemImgPicked(this.currentTempImg);
}
带有blocbuilders的页面
class Page extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          RaisedButton(
            onPressed: () async {
              showDialog(
                context: context,
                builder: (BuildContext context) => Dialog(
                  child: Container(
                    width: 400,
                    child: OutlineButton(
                      onPressed: () async {
                        context.bloc<ItemCubit>().pickProductImg();
                      },
                      child: BlocBuilder<ItemCubit, ItemState>(
                        builder: (context, state) {
                          if (state is ItemImgPicked) {
                            return Image.memory(state.currentTempImg);
                          } else {
                            return Container();
                          }
                        },
                      ),
                    ),
                  ),
                ),
              );
            },
            child: Text('add'),
          ),
          BlocBuilder<ItemCubit, ItemState>(
            builder: (context, state) {
              if (state is ItemLoaded) {
                return Column(
                  children: state.item.map(
                    (item) {
                      return Text(item.name);
                    },
                  ).toList(),
                );
              }
              return CircularProgressIndicator();
            },
          )
        ],
      ),
    );
  }
}
问题是当在显示对话框中我选择图像时,显示选择的图像,但同时在blocbuilder主页上的项目列表返回CircularProgressIndicator。如果我此时使用热重装,则它会显示项目列表。看起来像是项目列表的拾取图像替换状态。怎么解决呢?

最佳答案

您的主页块生成器监听ItemLoaded,据我所知您从未发出过。您可以在该行中放置一个断点,但不应使其命中。
就是说,请更好地对待async函数,您错过了等待某些期货的机会,那也许现在不是您的问题,但迟早会成为问题。

关于flutter - Flutter Cubit网站,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/63779817/

10-09 04:23