如何在颤抖中做出反应灵敏的播放按钮？

Question

我可以创建一个播放按钮，但无法使其具有响应性。如果可以的话请告诉我代码，这将是有帮助的。另外，由于我是初学者，所以我需要理解它。

Answer 1

我认为您应该首先了解有状态的小部件和基本的flutter组件。

小部件简介：https://flutter.dev/docs/development/ui/widgets-intro

Flutter基本小部件：https://flutter.dev/docs/development/ui/widgets

您可以从下面的代码开始：

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;
              });
            }),
      ),
    );
  }
}

这将帮助您开始进行项目。