Audio "Play / Stop" button

Widgets & Design

Hello, I'm sorry to bother you with what is probably a very simple subject, but as I'm a beginner in flutter flow and have no knowledge of programming, it's a bit complicated for me. I created an app for an online radio station of mine. To activate the radio stream I created an action on a "play" image and everything works fine, the stream plays.

But for the user to be able to stop the audio, what makes sense is to tap the same button again and the sound stops.

The ideal would be for the button to change from "play" to the "stop" symbol while the radio is playing, so that the user knows that when they tap it, the sound stops.

But the only way I've managed to do it is to use the "one tap" actions and another "double tap" action, but of course the user doesn't know that they have to tap twice for the sound to stop... and it's not functional, as you know.

Besides, I can't make the "play versus stop" icon change.

Can someone help me with a solution, because I don't want to use the audio player widget, since it forces me to use an imposed design and I don't want a player to be visible but only the effect caused by the same and only stream button that the app has.

What have you tried so far?
  1. Tried to create two actions play and stop in the same "one tap" tab... but the audio never plays

    2. Tried to design just the "play" icon visible with audio player widget but didn't work

Did you check FlutterFlow's Documentation for this topic?
Yes
2 replies