Flutter 绝对定位 轮播图背景色
发布日期:2021-10-10 05:31:03 浏览次数:29 分类:技术文章

本文共 1224 字,大约阅读时间需要 4 分钟。

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

琢磨了一下 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:
[ //第一个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("轮播图"), ) ), ) ], ), ), ); }}

转载地址:https://blog.csdn.net/qq_22049619/article/details/104219520 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Flutter 自定义选项卡
下一篇:Flutter 卡片练习

发表评论

最新留言

关注你微信了!
[***.104.42.241]2024年04月15日 09时07分29秒