收音机开始。但它并没有停止。当我在项目中切换页面时它不会停止

Posted 2023-03-27

【中文标题】收音机开始。但它并没有停止。当我在项目中切换页面时它不会停止

【英文标题】：The radio starts. But it doesn't stop. It doesn't stop when I switch pages in the project

【发布时间】：2021-09-03 13:32:15

【问题描述】：

我希望在页面之间切换时收音机停止。第一次按停止和启动按钮时它可以工作，但是当我想停止时再次按它时它不会停止。收音机一直开着，永远不会关闭。当我完全关闭应用程序时，收音机停止。我想在同一个按钮上同时停止和恢复操作，并且我希望它在我在页面之间切换时停止。我该如何解决？

代码在这里：

import 'package:flutter/material.dart';
import 'package:flutter_radio/flutter_radio.dart';
class Radiosayfasi extends StatefulWidget 
  @override
  _RadioSayfasiState createState() => _RadioSayfasiState();


class _RadioSayfasiState extends State<RadioSayfasi> 
  String url= "https://player.web.tr/listen/d695bfdfb2710f7c53feb05550da66ef";

  bool isPlaying= false;
  bool isVisible= true;
  
  @override
  void initState() 
    // TODO: implement initState
    super.initState();
    audioStart();
  

  Future <void> audioStart() async 
    await FlutterRadio.audioStart();
    print("Radio Başladı");
  
  @override
  Widget build(BuildContext context) 
    return new MaterialApp(
        title: 'IndieXL Online Radio',
        debugShowCheckedModeBanner: false,
        home: new Scaffold(
          appBar: new AppBar(
            title: const Text('FM Radio'),
            backgroundColor: Colors.blueGrey.shade900,
            centerTitle: true,
          ),
          body: Container(
            color: Colors.blueGrey.shade900,
            child: new Column(
              children: <Widget>[
                Expanded(
                  flex: 7,
                  child: Icon(
                    Icons.radio, size: 250,
                    color: Colors.white,
                  ),
                ),
                Expanded(
                  flex: 2,
                  child: Padding(
                    padding: const EdgeInsets.only(right: 40),
                    child: Align(
                      alignment: FractionalOffset.center,
                      child: IconButton(icon: isPlaying? Icon(
                        Icons.pause_circle_outline,
                        size: 80,
                        color: Colors.white,
                      )
                          : Icon(
                        Icons.play_circle_outline,
                        color: Colors.white,
                        size: 80,
                      ),
                        onPressed: ()
                          setState(() 
                            FlutterRadio.play(url: url);
                            isPlaying = !isPlaying;
                            isVisible = !isVisible;
                            print("tıkladı");
                          );
                        ,
                      ),
                    ),
                  ),
                ),
                SizedBox(height: 50,)
              ],
            ),
          ),
        ));
  

【问题讨论】：

我在您的代码中没有看到任何会导致音频停止播放而只是开始播放的地方。阅读您正在使用的包的documentation，了解如何停止播放。

还值得一提的是，您使用的软件包已在一年多前停产。你可能想研究一个更新的积极维护的包，特别是如果你打算在某个时候使用具有 null 安全性的 Flutter 2.0+。

为什么是零安全

Flutter 2.0 使用 Dart 2.12，因此它将具有该版本 Dart 的新 null 安全功能。至少可以说，这使得它对 Flutter 之前版本（以及为此设计的软件包）的向后兼容性变得复杂。简短的版本是这样的：如果您的项目依赖于 pre-null-safety Flutter，您的项目将永远无法完全升级到最新版本的 Flutter。

【参考方案1】：

我猜你提到的图书馆，https://github.com/thyagoluciano/flutter_radio

要在离开屏幕时停止广播流，只需覆盖 dispose 方法

https://github.com/thyagoluciano/flutter_radio/blob/master/lib/flutter_radio.dart#L67

@action
dispose() async 
    await FlutterRadio.stop();

启动或暂停广播流 https://github.com/thyagoluciano/flutter_radio/blob/master/lib/flutter_radio.dart#L22

onPressed: () 
    setState(()  
        //FlutterRadio.play(url: url); 
        FlutterRadio.playOrPause(url: url); 
        isPlaying = !isPlaying; 
        isVisible = !isVisible; 
        print("tıkladı"); 
    ); 
,

【讨论】：

我自动启动收音机。在页面之间切换时，我让它再次播放。但是当再次进入收音机页面时，即使收音机打开，新收音机也在播放。 2 台收音机同时播放。如果收音机打开，当我回到收音机页面时，我不希望它播放新收音机。我搜索了很多，但找不到。