flutter - 如何将小部件堆叠在TextField下，并使其在加载更多内容时增长到底部？

Question

我要进行这种输入。

我在pubdev中发现了一个flutter_chip_input包，该包已经可以提供此功能，但是有点麻烦。我没有时间等待插件的下一次更新，所以我决定继续自己构建它。
在Web应用程序中，我可以使用CSS和一些javascript中的相对绝对属性轻松实现此设计。
是的，我已经尝试过使用Stack小部件，但是问题是Container(输入字段底部白名单的包装)不会粘在底部。
每当加载更多内容时，高度就会增加到顶部而不是底部，导致输入字段隐藏在容器下方。
我只需要知道如何使列表固定在输入字段的底部并使高度增加到底部。我会照顾其余的。
有什么线索吗？请看一下我当前的脚本:

@override
Widget build(BuildContext context) {
  return Stack(
    alignment: AlignmentDirectional.bottomCenter,
    overflow: Overflow.visible,
    children: [
      TextFormField(
        focusNode: _focusNode,
        decoration: widget.decoration,
        onChanged: (String query) {
          print(query);
        },
      ),
      Positioned(
        bottom: -30,
        left: 0,
        right: 0,
        child: Container(
          height: 100,
          decoration: BoxDecoration(
            color: Theme.of(context).cardColor,
            borderRadius: BorderRadius.circular(20),
          ),
          child: Text('asdasdasd'),
        ),
      ),
    ],
  );
}

提前致谢!

Answer 1

您可以使用OverlayEntry使其 float ，并且可以将CompositeTransformTarget和CompositeTransformFollower与LayerLink结合使用，以使列表停留在输入的底部。
您可以阅读本文以获得示例实现
Flutter: Using Overlay to display floating widgets