classMyHomeBodyextendsStatelessWidget{
@override
Widget build(BuildContext context) {
return Stack(
children: <Widget>[
Container(
color: Colors.purple,
width: 300,
height: 300,
),
Positioned(
left: 20,
top: 20,
child: Icon(Icons.favorite, size: 50, color: Colors.white)
),
Positioned(
bottom: 20,
right: 20,
child: Text("你好啊，KSJ", style: TextStyle(fontSize: 20, color: Colors.white)),
)
],
);
}
}
⚠️：**注意：**Positioned组件只能在Stack中使用。
classMyHomeBodyextendsStatelessWidget{ @override Widget b...
前言 我们使用 Stack 组件的时候，通常会使用 Positioned 组件来做子组件相对 Stack 的定位，...
一、介绍 stack 层叠组件一般Stack和Align组件或者Stack和Positioned组件结合使用，实现...
Stack 一个盒子内多个组件 显示不同的位置Stack组件会把内部的组件堆在一起显示使用Stack (align...
widget使用合集 1.Stack 层叠组件 Stack 与 Align Stack 与 Positioned ...
Flutter中使用Stack和Positioned这两个组件来配合实现绝对定位。Stack允许子组件堆叠，而Po...
Flutter 之Stack 组件 Stack Stack 这个是Flutter中布局用到的组件，跟Android...
属性 一个元素 多个元素结合Align组件使用 多个元素结合Positioned组件使用 属性 一般结合两个属性来使用
在 Flutter 里布局需要使用特定的布局组件，其核心的组件包括了：Align、Stack、Row、Center...
先上效果： 布局是Stack和Position，可拖动的子组件使用GestureDetector的onPanUpd...
本文标题：27.Flutter的Stack组件的使用
本文链接：https://www.haomeiwen.com/subject/sfjptktx.html
网友评论