美文网首页工作生活
【Flutter】Image 的使用

【Flutter】Image 的使用

作者: 阿克西亚 | 来源:发表于2019-07-01 21:27 被阅读0次

本博文为跟随【技术胖】前辈学习谷歌移动UI框架【Flutter】的笔记
前辈的个人主页网址如下:
首页 | 技术胖-胜洪宇关注web前端技术-前端免费视频第一博客
前辈的视频教程网址如下:
Flutter基础视频教程

代码示例

import 'package:flutter/material.dart';
void main()=>runApp(MyApp());
class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return MaterialApp(
      title: 'Tomato Clock',
      home:Scaffold(
        body:Center(
          child: Container(
            //图片的来源
            child: Image.network(
                'http://blogimages.jspang.com/blogtouxiang1.jpg',
              //容器和图片的关系
              fit: BoxFit.fitHeight,
              //图片的颜色混合
              color: Colors.greenAccent,
              colorBlendMode: BlendMode.modulate,
              //图片的重复方式
              repeat: ImageRepeat.repeatX,
             ),
            width: 400,
            height: 300,
            color: Colors.lightBlue,
          ),
        ),
      ),
    );
  }
}

相关文章

网友评论

    本文标题:【Flutter】Image 的使用

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