Flutter中如何访问列表内页面类的属性？

问题根源 #

你定义的列表类型是List<Widget>，但Widget基础类本身并没有pageName这个自定义属性，所以直接用pagesList[index].pageName会报错。

可行解决方案 #

方案1：定义统一基类（推荐） #

给所有页面类创建一个带pageName的抽象父类，让每个页面都继承它：

// 抽象基类，所有页面都要继承这个
abstract class BasePage extends Widget {
  final String pageName;

  const BasePage({required this.pageName, super.key});
}

然后修改你的各个页面类，比如：

class PlayingPage extends BasePage {
  PlayingPage() : super(pageName: "正在播放");

  @override
  Widget build(BuildContext context) {
    return const Scaffold(/* 页面内容 */);
  }
}

// 其他SongsPage、RadioPage等页面类都照这个格式修改，继承BasePage并传入pageName

最后把列表的类型改成List<BasePage>：

List<BasePage> pagesList = [
  PlayingPage(),
  SongsPage(),
  RadioPage(),
  PlaylistsPage(),
  FavoritesPage(),
  SettingsPage(),
];

现在就能直接通过pagesList[index].pageName访问属性了，这是最规范、可维护性最高的做法。

方案2：临时类型转换（不推荐用于复杂场景） #

如果不想修改现有类结构，可以在访问时强制转换类型，但这种方式需要提前知道每个索引对应的页面类型，否则会抛异常：

// 比如确定index对应的是PlayingPage
String pageName = (pagesList[index] as PlayingPage).pageName;

方案3：用枚举+映射关联属性 #

如果不想动页面类的代码，可以单独维护一个枚举和属性映射表，前提是列表顺序和枚举顺序必须完全一致：

// 定义页面枚举
enum PageType { playing, songs, radio, playlists, favorites, settings }

// 页面名称映射表
final Map<PageType, String> pageNameMap = {
  PageType.playing: "正在播放",
  PageType.songs: "歌曲库",
  PageType.radio: "电台",
  PageType.playlists: "播放列表",
  PageType.favorites: "收藏",
  PageType.settings: "设置",
};

// 原页面列表保持不变
List<Widget> pagesList = [
  PlayingPage(),
  SongsPage(),
  RadioPage(),
  PlaylistsPage(),
  FavoritesPage(),
  SettingsPage(),
];

// 访问时通过索引取枚举，再拿名称
String currentPageName = pageNameMap[PageType.values[index]]!;

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