未格式化的 BottomNavigationBar 颤振

我创建了一个简单的底部导航栏，（我的代码如下）...

bottomNavigationBar: BottomNavigationBar(
    backgroundColor: COLOR_WHITE,
    items: const [
        BottomNavigationBarItem(
        icon: Icon(Icons.account_circle_rounded),
        label: 'Profile',
        ),
        BottomNavigationBarItem(
        label: 'something', icon: Icon(Icons.star)),
   ],
)

...但后来我真的很想点击图标，所以我尝试为其 onPressed() 方法添加一个图标按钮。

bottomNavigationBar: BottomNavigationBar(
     backgroundColor: COLOR_WHITE,
     items: [
          BottomNavigationBarItem(
              icon: IconButton(
                    icon: const Icon(Icons.account_circle_rounded),
                    onPressed: () {
                      Navigator.of(context).pushReplacement(
                      MaterialPageRoute(builder: (context) => ProfileScreen(userID :widget.userID)),
                    );
                    },
                  ), 
              label: "Profile"
                ),

          BottomNavigationBarItem(
              label: 'something', icon: Icon(Icons.star)),
            ],
),

它变得很丑陋，我希望周围的填充和大小保持不变，但是由于我没有添加代码来更改这些功能，所以我不明白为什么会发生这种情况。有人可以帮我解决吗？谢谢！！