为什么图标按钮不居中?

2024-06-22

我正在开发 Flutter 应用程序,但我不明白为什么我的图标按钮没有位于页面中间的中心。 我将代码包装在Center()

这是我的页面:

https://i.stack.imgur.com/I08dJ.jpg https://i.stack.imgur.com/I08dJ.jpg

这是我的代码:

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,
  ...
)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么图标按钮不居中? 的相关文章

  • 在 flutter 中用 2 张图像设计背景

    我想创建一个新的无状态小部件类 它由 2 个图像 顶部 底部 和一条线 由函数定义 例如 x x 500 宽度 如果不应该绘制的话可以为 0 和颜色 分隔两个图像 对于每个像素 如果像素的 y 位置大于结果f x width 2底部的一个像
  • 用于实验协议设计和开发的工具?

    是否有任何开源的高级工具可以使用 GUI 促进和简化实验网络协议 TCP UDP 的开发 基本上 类似于动态状态机编辑器 它允许您定义 数据包 消息 状态 验证器 处理程序 等 最好 这样的工具足够全面 足以处理协议的所有相关方面 即客户端
  • 如何使用 Qt/C++ 创建/读取/写入文件并将设置存储在程序本地

    我是一个不幸的 C 初学者 使用 Qt GUI 设计器程序似乎非常适合我的需求 但我在尝试编写所需的代码时遇到了问题 我可以使用 QSettings 字符串在硬盘驱动器上存储本地设置 但我个人讨厌程序执行某些程序所做的 HOME LOCAL
  • 我想制作具有3D效果的幻灯片菜单,如下图所示

    我可以使用此代码制作滑块 但我不知道如何制作3D import android os Bundle import android support v4 app Fragment import android support v7 app A
  • BoxConstraints 强制无限高度

    child Column children
  • 从 Android 中的 Thread 更新 UI

    我想从更新进度条的线程更新我的用户界面 不幸的是 当从 可运行 更新进度条的可绘制对象时 进度条消失了 更改进度条的可绘制部分onCreate 另一边有效 有什么建议么 public void onCreate Bundle savedIn
  • R Shiny Dashboard 在初始化时不会在 sidebarMenu 内加载渲染的 UI

    我正在尝试根据用户希望如何提供输入来生成动态的 UI 元素 为了简单起见 我使用闪亮的仪表板 但我遇到了侧边栏菜单的问题 以前 当我将静态 UI 元素直接放入 sidebarMenu 中时 没有任何问题 但是当尝试将动态 UI 元素放入 s
  • 维护 JTextArea 滚动位置

    我有一个 JScrollPane 其视图端口设置为 JTextArea 我大约每秒一次连续更新 JTextArea 上显示的 多行 文本 每次文本更新时 JScrollPane 都会一直到达文本的底部 相反 我想找出当前显示为原始文本中第一
  • 备用 Couchbase UI [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有谁知道除了安装 Couchbase 时提供的官方用户界面之外是否还有其他 Couchbase 用户界面
  • 在一次操作中更改多个按钮的文本

    我有一个由许多按钮 50 组成的表单 除了后缀号之外 它们都具有相同的名称 btn 0 btn 1 btn 3 etc 我想通过一次操作更改这些按钮的文本 有没有办法像数组一样处理按钮 btn i Text something 也许执行一个
  • Flutter:后台中的 SVG 图像抛出错误

    我必须将 SVG 图像保留在背景中并将文本保留在顶部 当我保留 Flutter SVG 包中的 SVG 图像时 出现了这样的错误 I flutter 24437 Unsupported operation Could not resolve
  • 将textView和图像对齐在同一行JAVA [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 我创建了Food使用下面的代码选项卡 JTabbedPane tabbedPane new JTabbedPane JT
  • 在 Flutter 中播放自定义声音

    我正在尝试播放自定义 mp3 声音 我已将资源文件夹放入应用程序文件夹中 就像对字体或图像文件所做的那样 但我真的不知道如何继续 我想我可能需要将音频文件注册到 pubspec yaml 中 但是如何注册呢 我该如何玩它 我已经检查了这两个
  • Flutter Stripe 在显示付款单时抛出 StripeException

    我正在尝试使用 stripe payment 包在我的 flutter 应用程序中实现 Stripe 支付系统 在我的代码中 我调用 Stripe instance initPaymentSheet 但是当我尝试在几行之后调用 Stripe
  • Flutter MissingPluginException 错误

    我正在尝试通过 Android Studio 中的 Flutter 在我的 S7 Edge Android 7 上运行 QR 码阅读器应用程序 这是示例代码的链接 https pub dartlang org packages qrcode
  • 在 Flutter 中保存照片(尤其是保存到相机胶卷)

    我不知道如何保存到相机胶卷 相当于React Native的CameraRoll saveToCameraRoll https facebook github io react native docs cameraroll html sav
  • 在线程中访问 UI

    当我尝试更改 UI 属性 特别是启用 时 我的线程抛出 System Threading ThreadAbortException 如何在线程中访问 UI 您可以使用BackgroundWorker 然后像这样更改UI control In
  • 在行内颤动展开列

    I am trying to create this design My code Row mainAxisSize MainAxisSize max crossAxisAlignment CrossAxisAlignment start
  • 删除 IntelliJ IDEA 中的自动右括号注释

    在使用基于 Dart 的项目的 IntelliJ IDEA 中工作时 我看到发生以下情况 那里的所有评论即 AppBar是自动生成的 我认为是为了更容易跟踪右括号所属的位置 奇怪的是 我什至无法突出显示它们 也无法删除它们 并且当我复制代码
  • 错误:未找到 Flutter SDK。在 local.properties 文件中使用 flutter.sdk 定义位置

    ERROR Flutter SDK not found Define location with flutter sdk in the local properties file 我已经导入了 Flutter 示例应用程序mahtab al

随机推荐

  • 从非 git 文件夹添加/提交到裸存储库

    我正在尝试破解 git 来为我做备份 数据相对来说太大了 我无法在我的任何硬盘上提供工作副本和 git 存储库 因此 我需要从非 git 文件夹中 git add commit 到裸存储库 硬盘 1 工作副本 非 git 硬盘 2 裸 gi
  • 哪个最小的 Spring Boot 2.x 版本可以在 Java 17 上运行?

    Spring Boot 3 0 至少需要 Java 17 吗 哪个最小的 Spring 2 x 版本可以在 Java 17 上运行 Java 17 于 2021 年 9 月 14 日发布https endoflife date java h
  • GCP 多久更新一次 GCP 控制台上显示的帐单费用?是实时的吗?

    Google 云平台多久更新一次 刷新 GCP 控制台上显示的账单费用 是有固定的延迟还是实时的 计费费用每日更新 发票每月生成 还可以通过编程方式按需检查使用情况 按照说明进行操作 gt https cloudplatform googl
  • 如何使用 NSURLConnection 上传文件和其他参数

    我在用NSURLConnection发送相同的数据 NSString 到服务器 我想向它们添加图像或文件 那么内容类型的值是多少 Encoding NSData encodingData NSMutableDictionary dictio
  • 将图的 BFS 代码转换为 DFS 代码

    如果这个问题听起来模棱两可 我很抱歉 但我在采访中被问到了这个问题 为图 树中的 BFS 编写一个程序 我使用队列编写了流行的代码 现在他要求我通过修改我刚刚编写的 BFS 代码的一行来将其转换为 DFS 代码 我能想到的唯一答案是使用堆栈
  • 逐渐斜体?

    有没有办法逐渐从普通文本过渡到斜体 并稍微改变每个字符的倾斜角度 罗宾的想法确实有效 DEMO http dabblet com gist 3395805 但是那个小提琴有很多问题 我不确定我是否可以将它们放入一条评论中 首先 span i
  • R/Shiny/Leaflet 中的多点选择

    我有一张在 R Shiny 应用程序中使用 Leaflet 生成的地图 并且能够使用如下代码监听地图上点上的事件点击 observeEvent input map marker click p input map marker click
  • Wireshark 本地主机流量捕获[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我用 C 语言编写了一个在本地主机上运行的简单服务器应用程序 如何使用 Wireshark 捕获本地主机流量 如果您使用的是 Wind
  • process.text 的错误等效项?

    可以获得整个输出流 http groovy codehaus org Process Management通过使用 text def process ls l execute println Found text process text
  • 在 Go 中调用外部命令

    如何在GO中调用外部命令 我需要调用外部程序并等待它完成执行 在执行下一条语句之前 您需要使用执行包 http golang org pkg os exec 使用启动命令Command http golang org pkg os exec
  • 升级 TypeScript 后,Angular 控制器注册现在无法编译

    我们使用的是 TypeScript 2 2 升级到 2 4 后 我们现在可以在编译时得到 错误 TS2345 typeof TopMenuController 类型的参数不可分配给 Injectable 类型的参数 类型 typeof To
  • sql server 恢复-登录失败

    我在 sql server 2008 R2 上有一个本地数据库并且工作正常 我的主机安装了 sql server 2012 在托管服务器上创建新数据库后 我可以使用给定的托管凭据轻松连接到空白数据库 我已经创建了 Sql Server 20
  • 更新到 0.5.2 后,按键事件在 Meteor 中的“输入”元素之外停止工作

    我刚刚发现升级到 Meteor 0 5 2 从 0 5 后 关键事件 keypress keydown keyup 的事件处理不再为我工作 其他事件如 点击 和 模糊 工作得很好 即使在示例应用程序中 这样的代码也不会执行任何操作 Temp
  • Java 文件锁定和 Windows - 锁定不是“绝对的”?

    我正在尝试在 Windows 环境中使用 Java 锁定文件FileLock http java sun com j2se 1 5 0 docs api java nio channels FileLock html我遇到了一个问题 锁定文
  • Imagemagick 合成图像反转

    我想给图像加水印 所以我使用了 compose multiply 但由于某种原因它无法按预期工作 命令 magick image jpg over png compose multiply resize 2048x2048 gravity
  • 如何撤销MySQL用户对一张表的权限?

    当我向用户授予某些特定表的权限时 GRANT ALL PRIVILEGES ON table1 TO user1 localhost IDENTIFIED BY password GRANT ALL PRIVILEGES ON table2
  • 如何转义java的SimpleDateFormat中的单引号

    我有一个像这样的日期输入日期 ts 2012 08 13 02 30 01 我相信我可以用单引号转义无效部分 但我在无效部分中有一个单引号 我该如何逃脱呢 我尝试了几种模式 但不起作用 Thanks 根据SimpleDateFormat 的
  • 使用 Carrierwave 在 Heroku 上上传大文件

    我即将开始一个业余爱好项目 我将在其中将大量文件上传到 S3 有些文件会大到 50 100MB 我想使用 Heroku 但如果需要的话可以回退到 EC2 Heroku Carrierwave S3 可以解决这个问题吗 或者文件上传有限制吗
  • 我可以编写一个返回函数的函数类型吗?

    以下内容在 gcc 和 clang 上均无法编译 include
  • 为什么图标按钮不居中?

    我正在开发 Flutter 应用程序 但我不明白为什么我的图标按钮没有位于页面中间的中心 我将代码包装在Center 这是我的页面 https i stack imgur com I08dJ jpg https i stack imgur