所有列表项目上的扑改变状态

Question

嘿，我是Flutter的新手，我正在尝试构建一个采访无线电应用程序，

我面临的问题是将音乐从一个站点变为另一个站的状态时，“播放”和图标仍然不会改变以前单击对象，但是新站开始播放

​

​播放和图标更改应该切换到现在玩的一个，然后从中切换的一个应该显示图标作为其余的

代码

class ItemWidget extends StatefulWidget {
  final Item item;

  ItemWidget({Key? key, required this.item}) : super(key: key);

  @override
  State<ItemWidget> createState() => _ItemWidgetState();
}

class _ItemWidgetState extends State<ItemWidget> {
  static AudioPlayer player = AudioPlayer();
  static String name = "";
  static bool isPlaying = false;
  static String error = '';

  initRadioPlayer(namepassed, url) async {
    try {
      if (name == namepassed) {
        player.stop();
        name = "";
        isPlaying = false;
        setState(() {});
      } else if (name != namepassed) {
        if (isPlaying == true) {
          await player.stop();
        }
        await player.setUrl(url);
        player.play();
        name = namepassed;
        isPlaying = true;
        setState(() {});
      }
    } catch (err) {
      error = err.toString();
      setState(() {});
    }
  }

  @override
  Widget build(BuildContext context) {
    return Card(
      child: ListTile(
        onTap: () {
          initRadioPlayer(widget.item.name, widget.item.url);
        },
        title: Text(widget.item.name),
        subtitle: name == widget.item.name
            ? isPlaying
                ? Text('Playing')
                : Text('')
            : Text(''),
        trailing: Icon(isPlaying
            ? name == widget.item.name
                ? CupertinoIcons.stop_circle
                : CupertinoIcons.play_circle
            : CupertinoIcons.play_circle),
        textColor: Color.fromARGB(255, 31, 22, 22),
      ),
    );
  }
}

Answer 1

我使用了回调函数，并保留了一个人在父母中扮演的状态，就像 ivo Becker建议：

void _update(String name, bool isPlaying) {
  setState(() {
    _name = name;
    _isPlaying = isPlaying;
  });
}

这是在父母中进行的，然后将其传递给孩子并从孩子

class ItemWidget extends StatefulWidget {
  final Item item;
  final String name;
  final bool isPlaying;
  Function callback;

那里打来：

widget.callback(station_name, true);