不在 FutureBuilder 中调用的计算方法
Compute method not calling in FutureBuilder
我注意到一旦选择了大文件,我的应用程序就会冻结。所以我想出了一个主意,让字节在隔离线程中生成。完成生成后,让它显示在 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
没有来电。
我做错了什么?
你目前的问题似乎是,你还没有创建一个变量来保存你的未来 once。您的 FutureBuilder 在从 build 方法创建后,将一遍又一遍地调用该方法。每次调用构建方法时都会调用它。
你需要一个地方创建你想要等待的未来,它必须在构建方法中的其他地方。
就是说,如果我正确解释了您名为 _bloc 的变量,那么您使用的是 BLoC 模式?你应该有事件和状态。你不应该需要一个 FutureBuilder,有一个新文件应该是一个事件,等待它加载应该是一个状态,加载完成应该是它自己的状态。然后你的 BLoC class 中有一个逻辑,它有一个流,你有一个 UI 不需要知道什么触发了什么,只显示状态。
我注意到一旦选择了大文件,我的应用程序就会冻结。所以我想出了一个主意,让字节在隔离线程中生成。完成生成后,让它显示在 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
没有来电。
我做错了什么?
你目前的问题似乎是,你还没有创建一个变量来保存你的未来 once。您的 FutureBuilder 在从 build 方法创建后,将一遍又一遍地调用该方法。每次调用构建方法时都会调用它。
你需要一个地方创建你想要等待的未来,它必须在构建方法中的其他地方。
就是说,如果我正确解释了您名为 _bloc 的变量,那么您使用的是 BLoC 模式?你应该有事件和状态。你不应该需要一个 FutureBuilder,有一个新文件应该是一个事件,等待它加载应该是一个状态,加载完成应该是它自己的状态。然后你的 BLoC class 中有一个逻辑,它有一个流,你有一个 UI 不需要知道什么触发了什么,只显示状态。