flutter stack布局实例Positioned

2020-08-31  本文已影响0人  喜剧收尾_XWX
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
        title: "stack布局实例Positioned",
        home: Scaffold(
          appBar: AppBar(
            title: Text('stack布局实例Positioned'),
          ),
          body: Stack(
            children: <Widget>[
              Image.network(
                  "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1596390972758&di=ad8208c321137649fa98b285aba70064&imgtype=0&src=http%3A%2F%2Fi.shangc.net%2Farticle%2F20200112%2Feb092c96547c149cbb9b719addc617dd.jpg"),
              Positioned(
                bottom: 40,
                right: 50,
                child: Text(
                  'hello world',
                  style: TextStyle(backgroundColor: Colors.pinkAccent),
                ),
              )
            ],
          ),
        ));
  }
}
上一篇下一篇

猜你喜欢

热点阅读