Question

enter image description here 我有一个 RenderFlex 在导航栏中溢出并尝试修复它，但我不能，所以你能帮我吗？我尝试了更多问题，例如 crossAxisAlignment、mainAxisAlignment 、将扩展更改为容器、将容器更改为扩展等等。

你可以看到底部的代码，我放了一张图片来理解我的意思。

  @override
  Widget build(BuildContext context) {
    return BottomAppBar(
      notchMargin: 10,
      elevation: 30,
      color: Theme.of(context).backgroundColor,
      shape: CircularNotchedRectangle(),
      child: Container(
        height: 75.h,
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: <Widget>[
            Row(
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                MaterialButton(
                  highlightColor: Colors.transparent,
                  onPressed: () => changeIndex(0),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Icon(
                        IconData(0xe902, fontFamily: 'DFSIcons'),
                        size: 25.sp,
                        color: currentTab == 0
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                      ),
                      Texts(
                        Translations.of(context).home ?? "",
                        color: currentTab == 0
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                        style: TextStyles.CAPTION,
                      ),
                    ],
                  ),
                ),
                MaterialButton(
                  highlightColor: Colors.transparent,
                  onPressed: () => changeIndex(1),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      SvgPicture.asset(
                        'assets/SVG/inbox.svg',
                        width: 20.w,
                        height: 20.w,
                        color: currentTab == 1
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                      ),
                      Texts(
                        Translations.of(context).inbox ?? "",
                        color: currentTab == 1
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                        style: TextStyles.CAPTION,
                      ),
                    ],
                  ),
                ),
              ],
            ),
            Row(
              children: [
                MaterialButton(
                  // minWidth: 85.w,
                  highlightColor: Colors.transparent,
                  onPressed: () => changeIndex(2),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Icon(
                        IconData(0xe901, fontFamily: 'DFSIcons'),
                        size: 25.sp,
                        color: currentTab == 2
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                      ),
                      Texts(
                        Translations.of(context).appointments ?? "",
                        color: currentTab == 2
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                        style: TextStyles.CAPTION,
                      ),
                    ],
                  ),
                ),
                MaterialButton(
                  //   minWidth: 85.w,
                  highlightColor: Colors.transparent,
                  onPressed: () => changeIndex(3),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: [
                      Icon(
                        IconData(0xe900, fontFamily: 'DFSIcons'),
                        size: 25.sp,
                        color: currentTab == 3
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                      ),
                      Texts(
                        Translations.of(context).profile ?? "",
                        color: currentTab == 3
                            ? Theme.of(context).primaryColor
                            : Colors.grey[700],
                        style: TextStyles.CAPTION,
                      ),
                    ],
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
 [enter image description here][1] }
}

Answer 1

尝试将所有 MaterialButton 放在一个 Row 中，或者只是使用一个 BottomNavigationBar 小部件。

A RenderFlex 在右侧溢出了 8.0 像素

1 个答案: