Flutter修复Dart参数报错 实现PageView页面指示器正常运行

• 代码语法结构错误：Scaffold组件的body参数仅支持传入1个Widget，你在传入PageView之后，额外并列写的SmoothPageIndicator属于多余位置参数，触发extra_positional_arguments_could_be_named报错。
• 参数顺序不符合Dart语法要求：你在PageView闭合括号后写的SmoothPageIndicator，位于Scaffold的backgroundColor、body等命名参数之后，Dart语法要求位置参数必须放在命名参数之前，因此触发positional_after_named_argument报错。
• 布局逻辑缺失：PageView和页面指示器是两个需要同时展示的组件，不能直接并列传给只接收单个子组件的body参数，需要用支持多子组件的布局容器包裹才能正常渲染。

1. 将Scaffold的body属性值替换为支持多子组件的布局（这里用Stack做层叠布局，指示器浮在页面上方，是PageView指示器的常规实现方式）
2. 将PageView和SmoothPageIndicator作为布局容器的子组件，调整指示器位置到页面底部居中
3. 移除所有不在正确嵌套结构内的多余代码，保证语法结构符合Dart规范

import 'package:final_project/pages/pages1.dart';
import 'package:final_project/pages/pages2.dart';
import 'package:final_project/pages/pages3.dart';
import 'package:final_project/pages/pages4.dart';
import 'package:flutter/material.dart';
import 'package:smooth_page_indicator/smooth_page_indicator.dart';

class HomePage extends StatelessWidget {
  final _controller = PageController(viewportFraction: 0.8, keepPage: true);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.grey,
      body: Stack(
        children: [
          // 可滑动的PageView占满全屏
          PageView(
            controller: _controller,
            children: const [pagg1(), pagg2(), pagg3(), pagg4()],
          ),
          // 页面指示器固定在底部居中位置
          Container(
            alignment: Alignment.bottomCenter,
            padding: const EdgeInsets.only(bottom: 40),
            child: SmoothPageIndicator(
              controller: _controller,
              count: 4,
              // 可按需配置指示器样式，不配置也可正常运行
              effect: const ExpandingDotsEffect(
                activeDotColor: Colors.white,
                dotColor: Colors.white38,
                dotHeight: 8,
                dotWidth: 8,
              ),
            ),
          ),
        ],
      ),
    );
  }
}

• 如果需要指示器和PageView上下排列不重叠，可以把Stack换成Column，给PageView加Expanded包裹占满剩余空间即可
• 代码里的指示器样式、底部间距都可以根据设计需求自行调整

内容的提问来源于stack exchange，提问作者Sai Ganesh K