美文网首页flutter
如何确定Flutter中网络图像的宽度和高度

如何确定Flutter中网络图像的宽度和高度

作者: AJI大侠 | 来源:发表于2019-05-08 23:31 被阅读0次

如何确定Flutter中网络图像的宽度和高度

  • 如果已有Image小部件,则可以通过在其ImageProvider上调用resolve来读取ImageStream
import 'package:flutter/material.dart';
import 'dart:ui' as ui;
import 'package:flutter/services.dart';
import 'dart:async';

class TestImage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    Image image = Image.network('http://pic75.nipic.com/file/20150821/9448607_145742365000_2.jpg');
    Completer<ui.Image> completer = new Completer<ui.Image>();
    image.image.resolve(ImageConfiguration()).addListener((ImageInfo image, bool synchronousCall){
      completer.complete(image.image);
    });
    return ListView(children: <Widget>[
      new FutureBuilder<ui.Image>(
        future: completer.future,
        builder: (BuildContext context, AsyncSnapshot<ui.Image> snapshot) {
          if (snapshot.hasData) {
            return new Text(
              '${snapshot.data.width}x${snapshot.data.height}',
              style: Theme.of(context).textTheme.display3,
            );
          } else {
            return new Text('Loading...');
          }
        },
      ),
      image,
    ],);
  }
}

效果如下

获取宽高

相关文章

  • 如何确定Flutter中网络图像的宽度和高度

    如何确定Flutter中网络图像的宽度和高度 如果已有Image小部件,则可以通过在其ImageProvider上...

  • flutter - 如何更改TextField的高度和宽度?

    flutter - 如何更改TextField的高度和宽度?https://www.coder.work/arti...

  • OpenGL(十)-OpenGL 基础纹理

    一、原始图像数据 图像存储空间 = 图像的⾼高度 * 图像宽度 * 每个像素的字节数 例子:RGB(8位),宽度:...

  • opencv 基本操作

    读写图像 shape:numpy返回包含宽度,高度,和通道数的数组,这在调试图像类型是很有作用;如果图像是灰色的,...

  • object-fit 解决图片变形问题

    object-fit 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

  • CSS3背景

    background-size length:设置背景图像的高度和宽度,第一个值设置宽度,第二个值设置高度,如果只...

  • 关于new Image()的应用

    基本用法 var a = new Image();建立图像对象:图像对象名称=new Image([宽度],[高度...

  • OpenGL 基础纹理

    原始图像数据 像素包装 图像存储空间 = 图像的高度 * 图像宽度 * 每个像素的字节数。 OpenGL中的纹理文...

  • OpenGl纹理相关常用API(一)

    一.原始图像数据 1.像素包装: 图像存储空间=图像的宽度*图像的高度*每个像素的字节数 二....

  • OpenGL 中纹理相关的API

    首先认识什么是纹理? 原始图像数据: 图像存储空间 = 图像的高度 * 图像宽度 * 每个像素的字节数OpenGL...

网友评论

    本文标题:如何确定Flutter中网络图像的宽度和高度

    本文链接:https://www.haomeiwen.com/subject/dekvoqtx.html