将应用程序左侧的图标设置为 phone 的所有大小

Question

我想将文本设置为右侧 (width * 0.08)，将图标设置为左侧 (width * 0.08)，但是当我运行时。它不起作用。当我为文本设置了填充右侧，为图标设置了左侧填充时，其他尺寸不起作用。关于网络和关于 phone 的图像。宽度 = 1080 .

这是我的代码的一部分：

  Container(
            child: Row(
          children: [
            Container(
              alignment: Alignment.centerRight,
              child: Padding(
                padding: EdgeInsets.only(
                    top: pageWidth * 0.08,
                    right: pageWidth * 0.09,
                    bottom: pageWidth * 0.03),
                child: Text(
                  "سلام",
                  style: TextStyle(
                      fontSize: 20),
                ),
              ),
            ),
            Container(
                child: Padding(
              padding: EdgeInsets.only(
                  top: pageWidth * 0.08,
                  left: pageWidth * 0.06,
                  bottom: pageWidth * 0.04),
              child: IconButton(
                alignment: Alignment.topLeft,
                onPressed: () {},
                icon: Container(
                  child: SvgPicture.asset(
                    homeSettings,
                    width: pageWidth * 0.062,
                    height:pageWidth * 0.062,
                  ),
                ),
              ),
            )),
          ],
        )),

Answer 1

将您所在行的 mainAxisAlignment 属性设置为 spaceBetween。

Answer 2

您只需要在两个容器之间添加一个 Spacer 小部件，如下所示：

Container(
        child: Row(
      children: [
        Container(
          alignment: Alignment.centerRight,
          child: Padding(
            padding: EdgeInsets.only(
                top: pageWidth * 0.08,
                right: pageWidth * 0.09,
                bottom: pageWidth * 0.03),
            child: Text(
              "سلام",
              style: TextStyle(
                  fontSize: 20),
            ),
          ),
        ),
        Spacer(),             //Add here
        Container(
            child: Padding(
          padding: EdgeInsets.only(
              top: pageWidth * 0.08,
              left: pageWidth * 0.06,
              bottom: pageWidth * 0.04),
          child: IconButton(
            alignment: Alignment.topLeft,
            onPressed: () {},
            icon: Container(
              child: SvgPicture.asset(
                homeSettings,
                width: pageWidth * 0.062,
                height:pageWidth * 0.062,
              ),
            ),
          ),
        )),
      ],
    )),

Answer 3

您可以使用mainAxisAlignment: MainAxisAlignment.spaceBetween,或

添加const Spacer()在它们之间添加白色space。

或使用

 Expanded(
              child: Align(
                alignment: Alignment.centerRight,
                child: Text(
                  "سلام",
                  style: TextStyle(fontSize: 20),
                ),
              ),
            )

将应用程序左侧的图标设置为 phone 的所有大小

Set Icon in left of app in all size of phone

flutter

dart

text

icons

alignment