Flutter：如何在Flutter中添加浮动文本标签？

Question

我想显示图片的浮动文本标签（顶部，底部，左侧和右侧），并带有坐标（图片是地图。

我发现显示地图的最佳控件是package：photo_view / photo_view.dart

但是，我是新手，还没意识到如何在这些位置上“绘制”文本标签，在图片上“浮动”。

我尝试了这个都无济于事：

 return Container(
    child: new Stack(children: <Widget>[
    new PhotoView(
      imageProvider: AssetImage("assets/image.jpg"),
    ),
    new AlignPositioned(
   alignment: Alignment.topLeft,
   Text('Hello World')
    )
    ]
    )

  );

我在做什么错？

Answer 1

由于容器没有属性，因此不需要容器。您正在寻找的可能是这样的：

Stack(
  alignment: Alignment.center,
  fit: StackFit.expand,
  children: <Widget>[
    Positioned.fill(child: Container()),//map

    Positioned(
        top: 0,
        child: Text('top')
    ),
    Positioned(
        left: 0,
        child: Text('left')
    ),
    Positioned(
        right: 0,
        child: Text('right')
    ),
    Positioned(
        bottom: 0,
        child: Text('bottom')
    ),
  ],
);

更靠近列表开头的子项位于最底层，并且当您向列表末尾移动时，各项将彼此堆叠。