美文网首页
flutter stack布局实例Positioned

flutter stack布局实例Positioned

作者: 喜剧收尾_XWX | 来源:发表于2020-08-31 12:01 被阅读0次
    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),
                    ),
                  )
                ],
              ),
            ));
      }
    }
    

    相关文章

      网友评论

          本文标题:flutter stack布局实例Positioned

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