flutter - 如何在 flutter 上删除 UserAccountsDrawerHeader 大纲

Question

我正在学习 flutter 。我使用抽屉小部件使用 UserAccountsDrawerHeader 小部件，但是在设置 Radius 时，下面出现了不必要的行。如何删除它？

这是我的代码

drawer: Drawer(
        child: ListView(
          padding: EdgeInsets.zero,
          children: [
            UserAccountsDrawerHeader(
              currentAccountPicture: CircleAvatar(
                child: Image.asset('assets/nyancat_bg.png'),
                backgroundColor: Colors.white,
              ),
              accountName: Text('NYAN CAT'),
              accountEmail: Text('nyancat@abc.com'),
              onDetailsPressed: () {
                debugPrint("arrow is clicked");
              },
              decoration: BoxDecoration(
                  color: Colors.indigo[400],
                  borderRadius: BorderRadius.only(
                      bottomLeft: Radius.circular(20.0),
                      bottomRight: Radius.circular(20.0))),
            )
          ],
        ),
      ),

screenshot

Answer 1

使用ClipRRect 制作边框半径。像这样:

    ClipRRect(
      borderRadius: BorderRadius.only(
        topLeft: Radius.circular(20),
        topRight: Radius.circular(20),
      ),
      child: UserAccountsDrawerHeader(
        currentAccountPicture: CircleAvatar(
          child: Image.asset('assets/nyancat_bg.png'),
          backgroundColor: Colors.white,
        ),
        accountName: Text('NYAN CAT'),
        accountEmail: Text('nyancat@abc.com'),
        onDetailsPressed: () {
          debugPrint("arrow is clicked");
        },
        decoration: BoxDecoration(
          color: Colors.indigo[400],
        ),
      ),
    )