Flutter：忽略图标的空间

Posted 2023-02-23

【中文标题】Flutter：忽略图标的空间

【英文标题】：Flutter: Ignore Space for Icon

【发布时间】：2021-05-16 01:47:59

【问题描述】：

我试图在我的应用程序的左上角或右上角创建一个设置图标。 我通过资产图像为设置添加了图标，但我知道我的整个应用程序已向下移动以为图标腾出空间。

我很陌生，所以我不知道如何让我的应用程序的其余部分忽略图标。

感谢您的帮助！

https://i.stack.imgur.com/DH8JY.png

【问题讨论】：

你将不得不分享一些代码。

【参考方案1】：

也许您正在使用 IconButton，它具有默认填充，

尝试使用 InkWell

InkWell( 
   child: Icon(Icons.setting)
)

或者使用堆栈

Stack(
  children: [
     *** your body ***
     IconButton(icon: Icon(Icons.settings), onPressed: () )
    ]
 )

【参考方案2】：

看起来您的布局是一个列。这样，其中的所有元素都将被放置在彼此下方。 如果您希望设置与“欢迎回来”标题的高度相同，只需将这两个放在一行中即可。 然后，您可以调整设置按钮和该行中标题的对齐方式。

编辑，旁注：除了为图标添加 AssetImage 之外，您还可以使用 Icon(Icons.settings)

【参考方案3】：

我认为您正在使用列使用行来设置图标和“欢迎回来”名称，我会工作

【参考方案4】：

在 row() 小部件中包装图标和该文本，以便您可以进入同一行。

【参考方案5】：

import 'package:flutter/material.dart';

void main() 
runApp(
   MaterialApp(
    home: Scaffold(
    appBar: AppBar(),
    body: Container(
      child: Row(
        children: [
          Icon(Icons.settings),
          SizedBox(
            width: 130,
          ), //sizedbox is used for make space between two widget
          Text("YAsh Thummar"),
        ],
      ),
    ),
  ),
),
);