[英]Trying to create a custom marker with an icon image from the asset file using MarkerGenerator in flutter
我正在嘗試使用資產圖像/網絡圖像創建自定義標記。 我拍攝該圖像並創建一個小部件來進行必要的造型,然后我嘗試調用MarkerGenerator ,它返回一個List<Uint8List>
MarkerGenerator 。 但是我得到了沒有資產圖像的Uint8List
。 我認為在調用 MarkerGenerator 之前資產圖像的渲染沒有完成。 渲染assetImage完成后如何調用MarkerGenerator。
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(),
],
),
),
),
);
}
}
解決方案是將 MarkerGenerator.generate 內容包裝在 Future.delayed 中 50 毫秒。 您也可以嘗試其他時間。
Future.delayed(Duration(milliseconds: 50), () {
WidgetsBinding.instance
.addPostFrameCallback((_) => afterFirstLayout(context));
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.