Flutter 绝对定位 轮播图背景色

看原型图 轮播图上半部分 是有背景色的

琢磨了一下 Flutter 绝对定位问题
在这里插入图片描述

import 'package:flutter/material.dart';

void main() => runApp(new MaterialApp(
      title: "测试绝对定位",
      home: MyApp(),
    ));

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text("测试绝对定位")),
      body: Center(
        child: Stack(
          children: <Widget>[
            //第一个Container  相当于绝对定位的父元素
            Container(
              width: 300.0,
              height: 200.0 ),
            Container(
              width: 300.0,
              height: 100.0,
              decoration: BoxDecoration(
                color: Colors.greenAccent,
                borderRadius: BorderRadius.circular(15.0)
              ),
            ),
            Positioned(
              bottom: 50.0,
              right: 25.0,
              child: Container(
                width: 250.0,
                height: 100,
                decoration: BoxDecoration(
                    color: Colors.amberAccent,
                    borderRadius: BorderRadius.circular(10.0)),
                child:Center(
                  child: Text("轮播图"),
                )
              ),
            )
          ],
        ),
      ),
    );
  }
}
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页