我正在使用BottomNavigationBar并尝试在栏项图标旁边添加通知编号（如Facebook的例子）.我想出了下面，它在手机上工作正常，但在平板电脑上测试时，它产生了“像素溢出到右边”，不明白为什么.问题来自我给图标小部件的大小框宽度，对于我给出的30宽度，它产生了24像素溢出。
知道为什么和怎么解决吗

BottomNavyBar(
                selectedIndex: _currentIndex,
                backgroundColor: const Color.fromARGB(255, 248, 244, 246),
                containerHeight: 50.h,
                onItemSelected: (index) {
                  setState(() {
                               _currentIndex = index;
                               _pageController.jumpToPage(index);
                               });
                                  },
                items: <BottomNavyBarItem>[
                           BottomNavyBarItem()
                           BottomNavyBarItem(
                            title: Text('Reviews'.tr),
                            icon: SizedBox(
                                    width: 30.w, //Here is the part where the problem is
                                    height: 30.h,
                                          ),
                                        ),
                                        activeColor: const Color.fromARGB(
                                            255, 245, 91, 165),
                                        inactiveColor: Colors.grey[850]),

                                  ],
                                ),