美文网首页
【第二天】flutter加载图片的几种方法

【第二天】flutter加载图片的几种方法

作者: 邓辉明 | 来源:发表于2020-12-17 00:56 被阅读0次

这只是其中2种简单的方法,后续会补充,请持续关注

这是完整dome代码,直接复制放入main.dart就可以了

import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    debugPaintSizeEnabled = true;
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(
        title: Text("image实例dome"),
      ),
      body: Center(
        child: Column(
          children: [
            //加载网络图片
            Image.network(
              "https://b1.sbimg.org/file/chevereto-jia/2020/12/14/Qct2l.png",
              width: 300,
            ),
            //加载asset图片
            // Image.asset("assets/image/..png"),
            MemoryImageWidget()
          ],
        ),
      ),
    ));
  }
}

class MemoryImageWidget extends StatefulWidget {
  @override
  _MemoryImageWidgetState createState() => _MemoryImageWidgetState();
}

class _MemoryImageWidgetState extends State<MemoryImageWidget> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Text("这是什么"),
    );
  }
}

相关文章

  • Flutter Widget--Image 学习

    ---flutter:万物皆控件 加入图片的几种方式 Image.asset:加载资源图片,就是加载项目资源目录中...

  • 初探Flutter

    Flutter中的图片加载 Flutter中加载远程图片相对比较容易简单,如下: 想要在Flutter中加载本地图...

  • 【第二天】flutter加载图片的几种方法

    这只是其中2种简单的方法,后续会补充,请持续关注 这是完整dome代码,直接复制放入main.dart就可以了

  • IOS - 图片加载

    一、加载图片的几种方法 1.用imageNamed方法 利用它可以方便加载资源图片。用imageNamed的方式加...

  • Flutter学习

    中文文档 官方简单布局 demo flutter - 加载本地图片、网络图片图片加载适配 flutter - Ex...

  • 2018-12-27

    flutter加载本地图片加载不出来 flutter Image 加载图片可以分为4中情况,分别为: Image....

  • 6. UIImage

    标签:图片的加载方式、图片填充、图片作为item的原色渲染 常用方法 图片原色渲染,常用语Tabbar图片等 几种...

  • flutter笔记(四)-----图片Image

    flutter笔记汇总 先看一下constructor 一、加载一张图片 flutter提供了4中图片的加载方式 ...

  • Flutter Image组件详解

    加载图片的组件 加载图片的几种方式 加载网络图Image.network('path')NetworkImage(...

  • flutter 图片

    加载网络图片网络图片 加载本地图片效果 实现图片圆角的几种方式 CircleAvatarCircleAvatar ...

网友评论

      本文标题:【第二天】flutter加载图片的几种方法

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