不在 FutureBuilder 中调用的计算方法

Question

我注意到一旦选择了大文件，我的应用程序就会冻结。所以我想出了一个主意，让字节在隔离线程中生成。完成生成后，让它显示在 Image 小部件中。

第一个选择的文件将被添加到 urlImageSink。

@override
  Future<String>userImage(File images) async {
    if (images.path.contains(".pdf")) {
      urlListImages.add(images.path);
      _bloc.urlImageSink.add(urlListImages);
    } 
  }

接下来它将运行 StreamBuilder，调用 FutureBuilder 中的 loadPdfFirstPage。

 Widget _showAttachFile() {
    return Padding(
      padding: EdgeInsets.all(10),
      child: StreamBuilder<List<dynamic>>(
          stream: _bloc.urlImageStream,
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              return GridView.builder(
                  shrinkWrap: true,
                  physics: NeverScrollableScrollPhysics(),
                  gridDelegate: new SliverGridDelegateWithFixedCrossAxisCount(
                    crossAxisCount: 3,
                    mainAxisSpacing: 5.0,
                    crossAxisSpacing: 5.0,
                  ),
                  itemCount: snapshot.data.length + 1,
                  itemBuilder: (BuildContext context, int index) => new Padding(
                        padding: const EdgeInsets.all(5.0),
                        child: Container(
                          padding: EdgeInsets.zero,
                          height: 150,
                          width: 150,
                          child: FutureBuilder<Uint8List>(
                            future:
                                loadPdfFirstPage(File(snapshot.data[index])),
                            builder: (context, snapshot) {
                              switch (snapshot.connectionState) {
                                case ConnectionState.done:
                                  if (snapshot.hasData) {
                                    return Image(
                                        image: MemoryImage(snapshot.data));
                                     );
                                  } else {
                                    return Text("Null");
                                  }
                                  break;

                                case ConnectionState.waiting:
                                  return CircularProgressIndicator();
                                  break;

                                default:
                                  return Text("Error");
                              }
                            },
                          ),
                        ),
                      ));
            } else {
              return Text("No Data");
            }
          }),
    );
  }

在 loadPdfFirstPage 方法中，我运行ning 计算方法来生成字节。

Future<Uint8List> loadPdfFirstPage(File pdfFile) =>
      compute(generateBytes, pdfFile);

  Future<Uint8List> generateBytes(File pdfFile) async {
    final document = await PdfDocument.openFile(pdfFile.path);
    final page = await document.getPage(1);
    final pageImage = await page.render(width: page.width, height: page.height);
    await page.close();

    return pageImage.bytes;
  }

每次选择文件时，我都会立即从 FutureBuilder snapshot.data 获得输出 Null。好像 loadPdfFirstPage 没有来电。

我做错了什么？

Answer 1

你目前的问题似乎是，你还没有创建一个变量来保存你的未来 once。您的 FutureBuilder 在从 build 方法创建后，将一遍又一遍地调用该方法。每次调用构建方法时都会调用它。

你需要一个地方创建你想要等待的未来，它必须在构建方法中的其他地方。

就是说，如果我正确解释了您名为 _bloc 的变量，那么您使用的是 BLoC 模式？你应该有事件和状态。你不应该需要一个 FutureBuilder，有一个新文件应该是一个事件，等待它加载应该是一个状态，加载完成应该是它自己的状态。然后你的 BLoC class 中有一个逻辑，它有一个流，你有一个 UI 不需要知道什么触发了什么，只显示状态。

不在 FutureBuilder 中调用的计算方法

Compute method not calling in FutureBuilder

flutter

dart

stream-builder

flutter-futurebuilder

isolation