按顺序播放Flutter文件列表
创始人
2024-11-05 13:31:21
0

要按顺序播放Flutter文件列表,你可以使用ListView.builder构建一个列表视图,并使用IndexedStack来管理播放状态。以下是一个示例代码:

import 'package:flutter/material.dart';

class FileListPlayer extends StatefulWidget {
  @override
  _FileListPlayerState createState() => _FileListPlayerState();
}

class _FileListPlayerState extends State {
  List fileList = [
    'file1.mp3',
    'file2.mp3',
    'file3.mp3',
    // 添加更多文件...
  ];

  int currentIndex = 0;
  bool isPlaying = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('File List Player'),
      ),
      body: Column(
        children: [
          Expanded(
            child: ListView.builder(
              itemCount: fileList.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text(fileList[index]),
                  onTap: () {
                    setState(() {
                      currentIndex = index;
                      isPlaying = true;
                    });
                  },
                );
              },
            ),
          ),
          Container(
            padding: EdgeInsets.all(16),
            child: Text(
              'Now playing: ${fileList[currentIndex]}',
              style: TextStyle(fontSize: 18),
            ),
          ),
          Container(
            padding: EdgeInsets.all(16),
            child: ElevatedButton(
              child: Text(isPlaying ? 'Pause' : 'Play'),
              onPressed: () {
                setState(() {
                  isPlaying = !isPlaying;
                });
              },
            ),
          ),
        ],
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: FileListPlayer(),
  ));
}

这个示例创建了一个名为FileListPlayerStatefulWidget,其中有一个文件列表(fileList)和当前播放文件的索引(currentIndex)。在构建方法中,使用ListView.builder构建了一个列表视图,并在每个列表项上添加了点击事件来更新当前播放的文件索引。还添加了一个按钮来切换播放/暂停状态。

该示例是一个简单的演示,你可以根据自己的需求进行修改和扩展。

相关内容

热门资讯

有消息称!全来潜山跑风辅助器,... 您好,全来潜山跑风辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多...
围绕透视问题!新二号辅助软件下... 围绕透视问题!新二号辅助软件下载,果然存在有辅助工具(有挂分享)-哔哩哔哩新二号辅助软件下载辅助器是...
最终!微信微乐挂有没有,其实真... 最终!微信微乐挂有没有,其实真的有辅助软件(有挂方针)-哔哩哔哩1、微信微乐挂有没有有没有辅助教程、...
据玩家消息!兴动互娱绥化辅助器... 据玩家消息!兴动互娱绥化辅助器挂,确实有挂辅助工具(有挂技巧)-哔哩哔哩一、兴动互娱绥化辅助器挂可以...
近年来!微信微乐小程序辅助软件... 近年来!微信微乐小程序辅助软件,本来有挂辅助挂(有挂讲解)-哔哩哔哩一、微信微乐小程序辅助软件游戏安...
这一现象值得深思!游戏茶苑辅助... 这一现象值得深思!游戏茶苑辅助,原来真的是有辅助修改器(有挂方式)-哔哩哔哩游戏茶苑辅助是不是有人用...
为切实保障!老友广东麻将辅助,... 为切实保障!老友广东麻将辅助,本来存在有辅助app(有挂透视)-哔哩哔哩1、让任何用户在无需老友广东...
做出回应!佛手在线大菠萝辅助,... 做出回应!佛手在线大菠萝辅助,确实是有辅助app(证实有挂)-哔哩哔哩1、用户打开应用后不用登录就可...
今年以来!牵手辅助神器下载,好... 今年以来!牵手辅助神器下载,好像有挂辅助软件(有挂存在)-哔哩哔哩1)牵手辅助神器下载辅助插件:进一...
据悉!心悦辅助器下载,切实有挂... 据悉!心悦辅助器下载,切实有挂辅助插件(有挂解惑)-哔哩哔哩1、每一步都需要思考,不同水平的挑战会更...