Android 尝试使用Flatter中的MarkergGenerator从资源文件创建带有图标图像的自定义标记

我正在尝试使用资产映像/网络映像创建自定义标记。我拍摄该图像并创建一个小部件来进行必要的样式设置，然后尝试调用MarkerGenerator，它返回一个

列表

. 但是我得到的

Uint8List

没有资产映像。我认为在调用MarkergGenerator之前，资产图像的渲染尚未完成。渲染assetImage完成后，如何调用MarkergGenerator

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(),
                         ],
                     ),
                 ),
             ),
         );
     }
}

导入'dart:typed_data'；
导入“marker_helper.dart”；
进口“包装：颤振/材料.省道”；
导入“package:flatter/rendering.dart”；
类MyMarkerPage扩展StatefulWidget{
@凌驾
状态createState（）{
返回_MyMarkerPageState（）；
}
}
类_MyMarkerPageState扩展状态{
UINT8在内存中列出图像；
列表标记图像；
@凌驾
void initState（）{
super.initState（）；
List widgetList=新列表（）；
对于（int i=0；i<1；i++）{
widgetList.add(
容器(
身高：50，
宽度：50，
填充：边缘设置。全部（10），
颜色：颜色。绿色，
子项：Image.asset（“assets/myImage.jpg”），
),
);
}
MarkergGenerator（widgetList，（位图）{
设置状态（）{
markerImage=位图；
});
}).生成（上下文）；
}
@凌驾
小部件构建（构建上下文）{
归还新脚手架(
appBar：新的appBar(
标题：新文本（“小部件到图像”），
),
正文：SingleChildScrollView(
儿童：中心(
子：新列(
mainAxisAlignment:mainAxisAlignment.center，
儿童：[
markerImage！=null
？容器(
子级：Image.memory（markerImage[0]），
保证金：全部（10））
：Container（），
],
),
),
),
);
}
}

解决方案是包装MarkergGenerator.generate content in Future.delayed 50毫秒。你也可以试试另一个时机

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

---

解决方案是包装MarkerGenerator.generate content in Future.delayed 50毫秒。你也可以试试另一个时机

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