如何将Stack布局设置为屏幕高度的一半？

要将Stack布局设置为屏幕高度的一半，可以使用Flutter框架提供的Flexible和Expanded组件来实现。

首先，需要在Flutter项目中引入flutter/material.dart库。

然后，可以使用以下代码将Stack布局设置为屏幕高度的一半：

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            children: [
              Expanded(
                flex: 1,
                child: Container(
                  color: Colors.blue,
                  child: Center(
                    child: Text(
                      '上半部分',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 20,
                      ),
                    ),
                  ),
                ),
              ),
              Expanded(
                flex: 1,
                child: Container(
                  color: Colors.green,
                  child: Center(
                    child: Text(
                      '下半部分',
                      style: TextStyle(
                        color: Colors.white,
                        fontSize: 20,
                      ),
                    ),
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

上述代码中，使用了Column作为根布局，其中包含了两个Expanded组件，分别代表上半部分和下半部分。通过设置Expanded的flex属性为1，可以使它们平分屏幕高度。

在Expanded组件内部，使用Container来设置背景颜色，并使用Center和Text组件来展示内容。

这样，就可以将Stack布局设置为屏幕高度的一半了。

腾讯云相关产品和产品介绍链接地址：