Flutter 如何添加自定义信息窗口颤振
我想将此自定义小部件添加到我的标记中。我已经设计了小部件,但我不知道如何在标记上定位它 我如何定制它,使其始终显示在信息窗口的位置。它包装在一个定位小部件中,但我无法将其放置在信息窗口的位置Flutter 如何添加自定义信息窗口颤振,flutter,google-maps,dart,Flutter,Google Maps,Dart,我想将此自定义小部件添加到我的标记中。我已经设计了小部件,但我不知道如何在标记上定位它 我如何定制它,使其始终显示在信息窗口的位置。它包装在一个定位小部件中,但我无法将其放置在信息窗口的位置 在GoogleMaps插件中没有简单的API可以将您的小部件用作标记 但也有一些技巧。您应该将小部件导出到图像中,并通过BitmapDescriptor.fromBytes传递它 如何操作的有用链接: 如果它看起来像样板代码,您可以通过传单使用flatter_地图插件 不幸的是,没有简单的方法来实现它
在GoogleMaps插件中没有简单的API可以将您的小部件用作标记 但也有一些技巧。您应该将小部件导出到图像中,并通过
BitmapDescriptor.fromBytes
传递它
如何操作的有用链接:
如果它看起来像样板代码,您可以通过传单使用flatter_地图插件
不幸的是,没有简单的方法来实现它,但是有一个完整的教程,包括创建和使用标记图标
查看:请再试一次。它是一个软件包,允许基于widget的定制信息窗口用于谷歌地图。通过使用此功能,您将能够在地图标记顶部移动类似小部件的信息窗口。您使用的是哪种地图?请提一下谷歌地图兄弟,
Stack(
children: [
AnimatedPositioned(
bottom: 0.0,
duration: Duration(milliseconds: 200),
child: Container(
padding: EdgeInsets.only(top:
30,left: 15,
right: 15,bottom: 10),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.only(
topRight: Radius.circular(0),
topLeft: Radius.circular(0),
bottomRight: Radius.circular(5),
bottomLeft: Radius.circular(5))),
child: Column(
mainAxisSize: MainAxisSize.min,
children: [
Text(
'500 USD',
style: TextStyle(
fontWeight: FontWeight.w600,
fontFamily: 'Roboto',
color: customBlue,
fontSize: _sizeConfig.textSize(
context,
Converters.configSize(14),
),
),
),
SizedBox(
height: 10,
),
RatingBar.builder(
initialRating: 3.5,
unratedColor: Colors.grey
.withOpacity(0.5),
minRating: 1,
allowHalfRating: true,
itemSize: 20,
direction: Axis.horizontal,
itemCount: 5,
itemPadding: EdgeInsets.symmetric(horizontal: 0.0),
itemBuilder: (context, _) => Icon(
Icons.star,
color: customRed,
),
),
],
),
width: 163,
),
)
],
),