美文网首页工作生活
【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