如何定位出现在 Flutter 中所有其他元素之上的元素答案

【问题标题】：How To Position An Element That Appears On Top Of All Other Elements In Flutter如何定位出现在 Flutter 中所有其他元素之上的元素
【发布时间】：2021-08-26 09:16:25
【问题描述】：

这个没有代码，只有一个问题。我正在尝试创建一个自定义动画，它是从屏幕底部滑入的 3 个元素的堆栈。我将如何将它定位在所有其他元素之上，以便它不会被查看。最初它位于屏幕外，请告知。

【问题讨论】：

标签： flutter dart flutter-layout flutter-animation

【解决方案1】：

为了达到您想要的结果，我会将 Stack 与 AnimatedPositioned 小部件结合使用

  Stack(
      children: [
       AnimatedPositioned(
         ...
         ...
         child: YourWidget()
    
        ),
        AnimatedPositioned(
          ...
          ...
          child: YourWidget()

    ),
  ],
)

在文档中阅读更多内容。

API docs about AnimatedPositioned

API docs about Stack

【讨论】：

【解决方案2】：

根据你所说，我建议使用ModalBottomSheet。

你会像这样使用它：

List<BottomSheetAction> actions = [];

actions.add(BottomSheetAction(
    "My clickable Action",
    null,
    Icons.add, () {
    _actionToTrigger();
  }));

final _actionMenu = new WidgetBottomSheetMenu(
    title: 'Header',
    actions: actions);

showModalBottomSheet(
    context: context,
    isScrollControlled: true,
    builder: (context) {
      return SingleChildScrollView(child: _actionMenu);
    });

showModalBottomSheet 有一个

transitionAnimationController

您可以使用 AnimationController 定义自定义动画的属性

【讨论】：