尝试使用颤振中的标记生成器从资产文件创建带有图标图像的自定义标记

Question

我正在尝试使用资产图像/网络图像创建自定义标记。我获取该图像并创建一个小部件来执行必要的样式，然后我尝试调用MarkerGenerator，它返回一个List<Uint8List>标记生成器。但是我得到了没有资产图像的Uint8List。我认为在调用标记生成器之前，资产图像的渲染尚未完成。渲染完资产图像后如何调用标记生成器。

import 'dart:typed_data';
import 'marker_helper.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
class MyMarkerPage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _MyMarkerPageState();
}
}
class _MyMarkerPageState extends State<MyMarkerPage> {
Uint8List imageInMemory;
List<Uint8List> markerImage;
@override
void initState() {
super.initState();
List<Widget> widgetList = new List();
for (int i = 0; i < 1; i++) {
widgetList.add(
Container(
height: 50,
width: 50,
padding: EdgeInsets.all(10),
color: Colors.green,
child: Image.asset("assets/myImage.jpg"),
),
);
}
MarkerGenerator(widgetList, (bitmaps) {
setState(() {
markerImage = bitmaps;
});
}).generate(context);
}
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
title: new Text('Widget To Image'),
),
body: SingleChildScrollView(
child: Center(
child: new Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
markerImage != null
? Container(
child: Image.memory(markerImage[0]),
margin: EdgeInsets.all(10))
: Container(),
],
),
),
),
);
}
}

Answer 1

解决方案是将 MarkerGenerator.generate content 包装在 Future.delay 中，延迟 50 毫秒。您也可以尝试其他时间。

Future.delayed(Duration(milliseconds: 50), () {
WidgetsBinding.instance
.addPostFrameCallback((_) => afterFirstLayout(context));
});