如何在颤动中制作响应式播放按钮？ [关闭]答案

【问题标题】：How to make a responsive play button in flutter? [closed]如何在颤动中制作响应式播放按钮？ [关闭]
【发布时间】：2019-09-03 04:27:00
【问题描述】：

我可以制作一个播放按钮，但我无法让它响应。如果可以的话，请告诉我代码会有所帮助。另外，我是 Flutter 初学者，需要了解一下。

【问题讨论】：

请与我们分享您的播放按钮代码。然后人们将能够帮助您。

标签： flutter dart flutter-layout

【解决方案1】：

我认为你应该先了解有状态的小部件和基本的颤振组件。

小部件介绍：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;
              });
            }),
      ),
    );
  }
}

这将帮助您开始您的项目。

【讨论】：