25
4
I am very new to Flutter development. I am trying to make a button that would be on the bottom right of the page, but it is not working.
我对扑翼的开发还很陌生。我正在尝试做一个按钮，将在页面的右下角，但它不工作。
个人中心
文章发布
退出import 'package:flutter/material.dart';
class GoBack extends StatelessWidget {
const GoBack({required this.onGoBack, super.key});
final void Function() onGoBack;
@override
Widget build(context) {
return OutlinedButton(
onPressed: onGoBack,
style: OutlinedButton.styleFrom(
backgroundColor: const Color.fromARGB(208, 93, 0, 255),
shape: const RoundedRectangleBorder(borderRadius: BorderRadius.zero),
minimumSize: const Size(60, 60),
),
child: const Row(
mainAxisSize: MainAxisSize.min,
children: [
Icon(Icons.arrow_circle_left_rounded),
]),
);
}
}
I tried adding:
我试着添加：
alignment: Alignment.bottomRight,
I am probably using this wrong tho.
我可能用错了这个tho。
I think it is better for you to use floatingActionButtonLocation property of Scaffold widget. You can customize the button style with the FloatingActionButton widget.
我认为最好使用Scaffold小部件的FloatingActionButtonLocation属性。您可以使用FloatingActionButton小部件来自定义按钮样式。
return Scaffold(
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat,
floatingActionButton: FloatingActionButton.small(
onPressed: () {},
child: Icon(Icons.arrow_circle_left_rounded),
),
body: ...
);
You can visit https://blog.logrocket.com/flutter-floatingactionbutton-a-complete-tutorial-with-examples/ or https://api.flutter.dev/flutter/material/FloatingActionButton-class.html to see more details.
你可以访问https://blog.logrocket.com/flutter-floatingactionbutton-a-complete-tutorial-with-examples/或https://api.flutter.dev/flutter/material/FloatingActionButton-class.html查看更多详细信息。
you might use FloatingActionButton within Scaffold.
您可以在Scaffold中使用FloatingActionButton。
Scaffold(
floatingActionButton: FloatingActionButton(),)
It is located at right bottom by default.
默认情况下，它位于右下方。
Check documentation here :
https://api.flutter.dev/flutter/material/FloatingActionButton-class.html
请在此处查看文档：https://api.flutter.dev/flutter/material/FloatingActionButton-class.html
You can also use
您还可以使用
floatingActionButtonLocation: FloatingActionButtonLocation.endFloat
Therefore you can play with button location.
因此，您可以玩按钮位置。
Here you go. I believe this is what you want. It is the minimum viable code, under 30 lines. I hope it works. Feel free to provide acknowledgement in the comment below.
这就是你要的。我相信这就是你想要的。这是最小的可行代码，不超过30行。我希望它能起作用。请随时在下面的评论中提供确认。
class GoBack extends StatelessWidget {
const GoBack({required this.onGoBack, super.key});
final void Function() onGoBack;
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Align(
alignment: Alignment.bottomRight,
child: ElevatedButton(
onPressed: onGoBack,
style: OutlinedButton.styleFrom(
backgroundColor: const Color.fromARGB(208, 93, 0, 255),
shape: const RoundedRectangleBorder(),
minimumSize: const Size(60, 60),
),
child: const Icon(Icons.arrow_circle_left_rounded),
),
),
),
);
}
}
0
我遇到过这个 html: 上面的html和这个有什么区别: 最佳答案 来自MDN page on the tag : 对于 type 的属性标签，可能的值是: 提交:按钮将表单数据提交给服务器
Button button= (Button) findViewbyID(R.id.button); 和 Button button = new Button(this); 有什么区别？ 最佳答案 有
我是一名优秀的程序员,十分优秀！