Flutter 底部浮动按钮(模仿咸鱼APP底部),腾讯安卓面试
在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
下方创建一些空间。
评论已关闭