Flutter PageView修改screens参数后页面不更新如何解决

根因 #

你当前的写法存在两个核心问题：

• home、screens、titles都加了static修饰，这类静态变量在类加载时就完成初始化，screens列表的第一个元素会直接绑定初始的WhatWeOffer()实例，后续修改home变量的指向，不会同步更新已经生成的screens列表内容。
• 你将固定的screens列表直接传给PageView的children属性，setState触发时PageView判断子组件列表无变化，就不会触发重绘。

解决方案 #

方案1：用动态getter生成页面列表（推荐） #

去掉所有不必要的static修饰，将screens、titles改为动态getter，每次组件build时都会根据当前状态生成最新的页面列表：

class _DashboardState extends State<Dashboard> {
  int bottomNavIndex = 0;
  PageController pageController = PageController(initialPage: 0, keepPage: true);
  String title = "What we offer";
  bool isCollapsed = false;
  Widget home = WhatWeOffer();

  // 动态getter，每次访问都会生成新列表，自动同步home的变化
  List<Widget> get screens => [
    home,
    CourseName(),
    AboutUsScreen(),
  ];

  List<String> get titles => [
    title,
    "Courses",
    "About us",
  ];

  // 其余方法无需修改
  void onHomeChanged (String newTitle, Widget newWidget){
    setState(() {
      home = newWidget;
      title = newTitle;
    });
  }

  void onPageChanged (int index){
    setState(() {
      bottomNavIndex = index;
      title = titles[index];
    });
  }

  // build方法保持原样即可，PageView每次都会拿到最新的screens列表
}

方案2：直接修改screens列表元素 #

也可以将screens定义为可变列表，触发修改时直接更新列表的第一个元素：

class _DashboardState extends State<Dashboard> {
  int bottomNavIndex = 0;
  PageController pageController = PageController(initialPage: 0, keepPage: true);
  String title = "What we offer";
  bool isCollapsed = false;
  // 定义为可变列表，不要加static
  List<Widget> screens = [
    WhatWeOffer(),
    CourseName(),
    AboutUsScreen(),
  ];

  List<String> titles = [
    "What we offer",
    "Courses",
    "About us",
  ];

  void onHomeChanged (String newTitle, Widget newWidget){
    setState(() {
      screens[0] = newWidget; // 直接替换首屏组件
      title = newTitle;
      titles[0] = newTitle; // 同步更新标题列表
    });
  }

  // 其余逻辑保持不变
}

如果需要保留其他页面的缓存状态，给对应页面的State混入AutomaticKeepAliveClientMixin即可，不会影响首屏替换的逻辑。

内容的提问来源于stack exchange，提问作者Pratik