Flutter 底部浮动按钮(模仿咸鱼APP底部),腾讯安卓面试
warning:
这篇文章距离上次修改已过444天,其中的内容可能已经有所变动。
在Flutter中,你可以使用Stack和Align来创建一个底部浮动的按钮,如下所示:
import 'package:flutter/material.dart';
class BottomFloatingButton extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Text('内容'),
),
floatingActionButton: Stack(
alignment: Alignment.bottomCenter,
children: <Widget>[
SizedBox(height: 60.0), // 使得FloatingActionButton下方有空间
FloatingActionButton(
onPressed: () {},
child: Icon(Icons.add),
),
],
),
);
}
}
void main() {
runApp(MaterialApp(home: BottomFloatingButton()));
}这段代码创建了一个Scaffold,其中包含了一个floatingActionButton,并且使用Stack和Align将其固定在底部中央。SizedBox用于在FloatingActionButton下方创建一些空间。
评论已关闭