Flutter:在一个页面中固定widget和listview

在Flutter中，如果你想在一个页面中同时固定某些Widget和放置一个ListView，你可以使用Stack和Positioned Widget来实现这一布局需求。以下是具体的实现方法和步骤：

基础概念

Stack: 允许你在同一个位置叠加多个Widget。
Positioned: 当你使用Stack时，Positioned可以帮助你控制子Widget在Stack中的具体位置。

实现步骤

使用Stack作为根Widget。
在Stack中添加你想要固定的Widget，并使用Positioned来定位它们。
在Stack中添加ListView，并确保它不会被固定的Widget遮挡。

示例代码

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flutter Fixed and ListView Example')),
        body: FixedAndListView(),
      ),
    );
  }
}

class FixedAndListView extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Stack(
      children: <Widget>[
        // 固定的Widget
        Positioned(
          top: 10.0,
          left: 10.0,
          child: Container(
            width: 100.0,
            height: 100.0,
            color: Colors.red,
            child: Center(child: Text('Fixed Widget')),
          ),
        ),
        
        // ListView
        ListView.builder(
          itemCount: 50,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text('Item $index'),
            );
          },
        ),
      ],
    );
  }
}