在 flutter 中维护分散的元素

Question

我需要一种有效的方式来放置这些元素，如下所示：

左上角的后退按钮
中间的一些元素包裹在Column()

通常我使用 Row() 和 Column() 小部件，但我认为这里不是这种情况。

Answer 1

对于这种UI，我更喜欢使用Stack。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: LayoutBuilder(
        // for future cases
        builder: (context, constraints) {
          return Stack(
            alignment: Alignment.center,
            children: [
              Positioned(
                left: 16,
                top: 16,
                child: Icon(Icons.arrow_back),// use backButton widget
              ),
              Align(
                alignment: Alignment.center,
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [Text("A")],// your widgtes
                ),
              )
            ],
          );
        },
      ),
    );
  }

Widgets are prioritized bottom to top.

在 flutter 中维护分散的元素

maintain scattered elements in flutter

flutter

flutter-layout