Flutter AnimatedList ListTile的最后一项与CupertinoTabBar重叠

Question

我已经开始学习抖动，并且在调整UI时遇到问题。我有三个DELIMiTER $$ create procedure GetUserRolesEnabled(in UserId int) Begin select * from users where id=UserId ; END $$ DELIMITER ; ，在第一个标签中，我创建了BottomNavigationBarItem，并在单击加号按钮后填充了来自字生成器的数据。 该列表可以滚动android模拟器中的所有项目，但在IOS模拟器中，最后一个项目被导航栏切断。

我尝试设置边距/填充，但是我必须设置很大的数字才能看到导航栏和最后一项之间的差距。我也尝试用容器包装并为其设置填充，但是我觉得我做错了方法。

这是我的home_page.dart文件

AnimatedList

Answer 1

您可以使用SafeAra来避免这种重叠。 将整个列表包装在SafeArea小部件中。如果您只想避免与标签栏重叠，而不必使用其他任何东西，请使用

SafeArea(
      bottom: true, 
      top: false, 
      left: false, 
      right: false, 
      child: child ) //your list

Answer 2

我遇到了与上述答案相同的问题，您可以使用SafeArea包裹屏幕，或者我只是发现，如果将CupertinoTabBar设置为背景色，则屏幕不会与标签重叠。

CupertinoTabBar(
          backgroundColor: Colors.red, // add this 

          items: <BottomNavigationBarItem>[
            BottomNavigationBarItem(
              icon: Icon(Icons.home),
              // title: Text('Home'),
            ),
            BottomNavigationBarItem(
              icon: Icon(Icons.person),
            ),
          ],
)