flutter布局container

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
@override
Widget build( BuildContext context) {
return new MaterialApp(
title: 'Cointainer',
home: new Scaffold(
appBar: new AppBar(
title: new Text( 'container'),
),
body: new Container(
constraints: new BoxConstraints. expand(
height:
Theme. of(context).textTheme.display1.fontSize * 1.1 + 55.0,
),
padding: const EdgeInsets. all( 2.0),
color: Colors.teal.shade700,
alignment: Alignment.center,
child: new Text( 'Hellow World',
style: Theme
. of(context)
.textTheme
.display1
. copyWith(color: Colors.yellow),
),
foregroundDecoration: new BoxDecoration(
image: new DecorationImage(
image: new NetworkImage(
'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1531331328952&di=b7ac644fc070ebf79cba25a106a3f46f&imgtype=0&src=http%3A%2F%2Flol.91danji.com%2FUploadFile%2F20141128%2F1417165228238101.jpg'),
centerSlice: new Rect. fromLTRB( 270.0, 180.0, 1360.0, 730.0),
)),
transform: new Matrix4. rotationZ( 0.0)),
),
);
}
}

flutter布局container_第1张图片

你可能感兴趣的:(flutter)