第4章常用组件-图片组件

原创于 2019-01-25 10:15:43 发布 · 354 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

97 篇文章

订阅专栏

本文介绍了一个使用Flutter框架加载并展示网络图片的简单示例，通过具体的代码演示了如何在应用中集成网络图片资源，并调整其填充模式。此外，还提供了关于Flutter技术入门与实战的书籍链接、交流群信息及作者的开源项目和视频教程。

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';

void main() {
  runApp(
      new MaterialApp(
        title: 'Image demo',
        home: new ImageDemo(),
      )
  );
}

class ImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new Center(
      //添加网络图片
      child: new Image.network(
        //图片url
        'https://flutter.io/images/flutter-mark-square-100.png',
        //填充模式
        fit: BoxFit.fitWidth,
      ),
    );
  }
}