如何在顫動中製作響應式播放按鈕？ (How to make a responsive play button in flutter?)

問題描述

如何在顫動中製作響應式播放按鈕？ (How to make a responsive play button in flutter?)

我可以製作一個播放按鈕，但我無法讓它響應。如果可以的話，請告訴我代碼會很有幫助。另外，我是 Flutter 初學者，需要了解一下。

參考解法

方法 1:

I think you should first learn about stateful widgets and basic flutter components first.

Introduction to widgets : https://flutter.dev/docs/development/ui/widgets‑intro

Flutter Basic Widgets : https://flutter.dev/docs/development/ui/widgets

You can start from below code :

import 'package:flutter/material.dart';

class MusicPlayer extends StatefulWidget {
  @override
  _MusicPlayerState createState() => _MusicPlayerState();
}

class _MusicPlayerState extends State<MusicPlayer> {
  var isPlaying = false;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Music Player"),
      ),
      body: Center(
        child: IconButton(
            icon: isPlaying
                ? Icon(
                    Icons.pause_circle_outline,
                    size: 40.0,
                  )
                : Icon(Icons.play_circle_outline, size: 40.0),
            onPressed: () {
              setState(() {
                isPlaying = !isPlaying;
              });
            }),
      ),
    );
  }
}

This will help you get started for your project.

(by Raiyan Siyam、Jay Mungara)

參考文件

1. How to make a responsive play button in flutter? (CC BY‑SA 2.5/3.0/4.0)