user-interface - 为什么图标按钮不居中?
问题描述
我正在开发一个 Flutter 应用程序,但我不知道为什么我的图标按钮不在页面中间。我将我的代码包装在一个Center()
这是我的页面:
这是我的代码:
import "package:flutter/material.dart";
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
class LogInScreen extends StatefulWidget {
@override
_LogInScreenState createState() => new _LogInScreenState();
}
class _LogInScreenState extends State<LogInScreen> {
String _email, _password;
@override
Widget build(BuildContext context) {
return new Scaffold(
body: Center(
child: ListView(
children: <Widget>[
Column(children: <Widget>[
new Container(
padding: (EdgeInsets.only(top: 50)),
child: Text(
"Sign In",
style: TextStyle(
fontSize: 40,
),
),
),
new Container(
padding: (EdgeInsets.only(top: 50, left: 35, right: 35)),
child: Column(children: <Widget>[
new Form(
child: new Column(children: <Widget>[
Padding(
padding: EdgeInsets.only(top: 20),
child: new RaisedButton(
onPressed: () {},
color: Colors.blue,
textColor: Colors.white,
child: const Text('Login'),
),
),
])),
])),
new Container(
padding: EdgeInsets.only(top: 40),
child: Column(
children: <Widget>[
new Text("Or login with"),
],
),
),
]),
new Center(
child: new Row(
children: <Widget>[
new IconButton(
icon: Icon(FontAwesomeIcons.facebookF),
color: Colors.blue,
),
new IconButton(
icon: Icon(FontAwesomeIcons.google),
color: Colors.blue,
),
],
)),
],
)),
);
}
}
我删除了文本字段,以便代码适合。我希望你能帮助我,谢谢你的帮助!
解决方案
将 IconButton 的填充设置为 0,如下所示:
IconButton(
padding: EdgeInsets.zero,
...
)
推荐阅读
- javascript - 根据值对javascript中的对象键进行排序
- smartcontracts - 验证过程如何在 RIDE 上进行?将脚本附加到帐户后会发生什么?
- azure-functions - 从函数应用访问虚拟网络中的 Cosmos DB
- php - 如何防止 Yii CGridView 过滤器发生变化?
- python - Flask跨域不与命名空间一起工作
- semantic-ui - 防止在显示语义 ui 模式时隐藏正文滚动条
- python - SymPy rref() 返回奇异矩阵的单位矩阵
- javascript - 使用 JQUERY / AJAX 遍历 XML 文件
- xaml - UWP 边框渲染问题
- python - 将文件对话框添加到菜单功能(打开)wxpython 3