오늘은 Flutter 앱에서 FloatingActionButton을 사용하여 음악을 재생하고 일시 정지하는 기능을 구현하는 방법에 대해 알아보겠습니다.

1. 음악 재생을 위한 패키지 추가

먼저, 음악을 재생하기 위해 audioplayers 패키지를 사용합니다. pubspec.yaml 파일에 아래와 같이 audioplayers 패키지를 추가합니다.

dependencies:
  audioplayers: ^0.20.1

이후 터미널에서 flutter pub get 명령어를 실행하여 패키지를 다운로드 받습니다.

2. FloatingActionButton 추가

재생 및 일시 정지 기능을 수행하는 FloatingActionButton을 화면에 추가합니다. 예를 들어 다음과 같이 assets/play.png와 assets/pause.png 이미지를 사용하여 버튼을 디자인할 수 있습니다.

FloatingActionButton(
  onPressed: () {
    // 음악을 재생하거나 일시 정지하는 로직
  },
  child: Icon(
    isPlaying ? Icons.pause : Icons.play_arrow,
  ),
)

3. 음악 재생 및 일시 정지 로직 구현

audioplayers 패키지를 사용하여 음악을 재생하고 일시 정지하는 로직을 구현합니다. 아래는 간단한 예제코드입니다.

import 'package:audioplayers/audioplayers.dart';

AudioPlayer audioPlayer = AudioPlayer();
bool isPlaying = false;

void playMusic() {
  if (isPlaying) {
    audioPlayer.pause();
    isPlaying = false;
  } else {
    audioPlayer.play('audio.mp3');
    isPlaying = true;
  }
}

마무리

이제 Flutter 앱에서 FloatingActionButton을 사용하여 음악을 재생하고 일시 정지하는 기능을 구현할 수 있게 되었습니다. audioplayers 패키지를 통해 간편하게 음악을 제어할 수 있으며, 사용자 친화적인 UI를 제공할 수 있습니다.

더 많은 기능을 추가하여 음악 플레이어를 발전시켜 나가며, 새로운 앱을 만들어보시기 바랍니다!

참고 자료: audioplayers 패키지 공식 문서

이상으로 Flutter에서 FloatingActionButton을 사용하여 음악 재생 기능을 구현하는 방법에 대해 알아보았습니다. 감사합니다.