如何添加按鈕以顯示此影像？

大家好，我希望你們一切都好！

在這篇文章中。

我想出了如何將重繪 的影像放入網路中。但現在我想添加一些按鈕，在開始顯示影像之前，當我按下顯示新影像時。（這現在發生在 "onTap()" 上）。

我試圖放一個按鈕，但它不起作用。有人可以幫助我嗎！！

import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'colors.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    var title = 'Web Images';
    return MaterialApp(
        theme: ThemeData(
          primarySwatch: primaryBlack,
          accentColor: Colors.white,
        ),
        debugShowCheckedModeBanner: false,
        home: Scaffold(
          appBar: AppBar(
            title: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  ':(:',
                  style: TextStyle(fontWeight: FontWeight.bold),
                ),
                Text('FelizTriste'),
                Text(':(:', style: TextStyle(fontWeight: FontWeight.bold)),
              ],
            ),
          ),
          body: ForcePicRefresh(),
        ));
  }
}

class ForcePicRefresh extends StatefulWidget {
  @override
  _ForcePicRefreshState createState() => _ForcePicRefreshState();
}

class _ForcePicRefreshState extends State<ForcePicRefresh> {
  String url = 'http://thecatapi.com/api/images/get?format=src&type=gif';
  Widget _pic;

  @override
  void initState() {
    _pic = Center(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
              height: 350,
              width: 350,
              decoration: BoxDecoration(
                  border: Border.all(color: Colors.black, width: 6)),
              child: Image.network(
                url,
                width: double.infinity,
                fit: BoxFit.fill,
              )),
          Container(
            child: ElevatedButton(onPressed: () {}, child: Text('GATIT@S')),
          ),
          Container(
            child: Text('?Quieres ver gatit@s?'),
          )
        ],
      ),
    );

    super.initState();
  }

  _updateImgWidget() async {
    setState(() {
      _pic = Center(child: CircularProgressIndicator());
    });
    Uint8List bytes = (await NetworkAssetBundle(Uri.parse(url)).load(url))
        .buffer
        .asUint8List();
    setState(() {
      _pic = Center(
          child: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        children: [
          Container(
            height: 350,
            width: 350,
            decoration: BoxDecoration(
                border: Border.all(color: Colors.black, width: 6)),
            child: Image.memory(
              bytes,
              width: double.infinity,
              fit: BoxFit.fill,
            ),
          ),
          Column(
            children: [
              Container(
                child: ElevatedButton(onPressed: () {}, child: Text('GATIT@S')),
              ),
            ],
          ),
          Container(
            child: Text('?Quieres ver gatit@s?'),
          )
        ],
      ));
    });
  }

  @override
  Widget build(BuildContext context) {
    return InkWell(
      child: _pic,
      onTap: () {
        _updateImgWidget();
      },
    );
  }
}

uj5u.com熱心網友回復：

在按下功能的提升按鈕中，您什么也沒做

child: ElevatedButton(onPressed: () {}, child: Text('GATIT@S')),

用這個改變它：

ElevatedButton(
                onPressed: () {
                  _updateImgWidget();
                },
                child: Text('GATIT@S'))

標籤：扑 图片 按钮 颤振机器人 颤动图像

上一篇：在Flutter中隨機顯示影像

下一篇：復制粘貼的影像存盤在JupyterNotebook中的什么位置？