使用 Navigator.push 解析 arguments 显示错误太多位置 arguments：预期为 0，但找到 1

Question

我想用Navigator.push()将 arguments 解析为我的其他 dart 文件。

因为我想将歌曲列表中所选歌曲的路径发送到音乐播放器主界面（用于播放）

[ 歌单.dart ]

child:ListView.builder(
                      itemCount: getSongList()[0].length,
                      itemBuilder: (BuildContext context, int index) {
                        return ListTile(
                          title: Text(getSongList()[1][index].split('/').last,style:
                          const TextStyle(
                              fontSize: 21
                          ),),
                          leading: IconButton(onPressed: (){
                            Navigator.push(context,MaterialPageRoute(builder: (context) => music_player()));
                          },
                              icon: Icon(Icons.my_library_music)),
                        );
                      }
                  )
              ),

[音乐播放器.dart]

class music_player extends StatefulWidget {
  const music_player({Key? key}) : super(key: key);

  @override
  State<music_player> createState() => _music_playerState();
}

class _music_playerState extends State<music_player> {
  // codes
}

只是想知道如何将 arguments 从我的第一个文件解析到第二个文件。 如果我通过 arguments 将会出现错误：

位置 arguments 太多：预期 0，但找到 1。

提前致谢。

Answer 1

您需要像这样在小部件中添加参数（selectedSongs）：

class MusicPlayer extends StatefulWidget {
  final selectedSongs;

  const MusicPlayer({
    Key? key,
    this.selectedSongs,
  }) : super(key: key);

  @override
  State<MusicPlayer> createState() => _MusicPlayerState();
}

class _MusicPlayerState extends State<MusicPlayer> {
  @override
  Widget build(BuildContext context) {
    return const Placeholder();
  }
}

这样你就可以在 Navigator.push 中使用：

Navigator.push(context,MaterialPageRoute(builder: (context) => MusicPlayer(selectedSongs: selectedsongList,))));

Answer 2

如果您想通过 Navigator 传递 arguments，正确的方法是：

- 在路线中注册小部件：

MaterialApp(
routes: {
    ExtractArgumentsScreen.routeName: (context) =>
        const ExtractArgumentsScreen(),
  },
)

- 导航到小部件：

Navigator.pushNamed(
  context,
  ExtractArgumentsScreen.routeName,
  arguments: // whatever you want to pass,
);

在你的下一页小部件中：

    @override
    Widget build(BuildContext context) {
      final args = ModalRoute.of(context)!.settings.arguments;
      return Scafold( ... );
    }

所有信息在这里： https://docs.flutter.dev/cookbook/navigation/navigate-with-arguments