Flutter中按钮中的自定义图像

Question

我正在尝试创建一个按钮，该按钮在按下时会执行某些操作，假设它调用函数_pressedButton（），如果用户点击它（或点击并按住），图像也会改变。

将此视为按下时自定义图片的按钮。

在后续工作中，我是否还可以根据某些外部因素更改图像？ 例如。如果某个函数A返回true，则显示图像1，否则显示图像2

Answer 1

您可以在Flutter interactivity tutorial中了解有关按钮和状态的所有信息。

例如，这是一个按钮，每次点击时都会显示不同的猫。

import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(
    home: new HomePage(),
  ));
}

class HomePage extends StatefulWidget {
  HomePageState createState() => new HomePageState();
}

class HomePageState extends State<HomePage> {
  String _url = getNewCatUrl();

  static String getNewCatUrl() {
    return 'http://thecatapi.com/api/images/get?format=src&type=jpg&size=small'
           '#${new DateTime.now().millisecondsSinceEpoch}';
  }

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text('Cat Button'),
      ),
      body: new Center(
        child: new FloatingActionButton(
          onPressed: () {
            setState(() {
              _url = getNewCatUrl();
            });
          },
          child: new ConstrainedBox(
            constraints: new BoxConstraints.expand(),
            child: new Image.network(_url, fit: BoxFit.cover, gaplessPlayback: true),
          ),
        ),
      ),
    );
  }
}