【Flutter】Container容器组件初试

Flutter移动之旅-Day1

  • 源代码
import 'package:flutter/material.dart';
void main () => runApp(MyApp());

class MyApp extends StatelessWidget{
  @override
  Widget build(BuildContext context ){
    return MaterialApp(
      title:'Text widget',
      home:Scaffold(
        body:Center(
          child: Container(
            child: new Image.network("https://cdn.jsdelivr.net/gh/cnatom/images/images/logo.png"),
            alignment: Alignment.topLeft,
            padding: EdgeInsets.fromLTRB(0.0, 100.0, 0.0, 0.0),
            margin: EdgeInsets.all(10.0),
            decoration: BoxDecoration(
                border: Border.all(width: 10,color: Colors.lightBlueAccent),
                gradient:LinearGradient(
                  colors: [Colors.blue,Color.fromARGB(100,34,153,244)],
                  begin: AlignmentDirectional.bottomEnd,
                )
            ),
          ),
        ),
      )
    );
  }
}
  • 效果

发布了38 篇原创文章 · 获赞 4 · 访问量 1626

猜你喜欢

转载自blog.csdn.net/qq_15989473/article/details/104072302