'How to remove UserAccountsDrawerHeader outline on flutter
I'm learning flutter. I used the UserAccountsDrawerHeader widget using the Drawer widget, but when setting Radius, unnecessary line appears below. How can you remove it?
Here's my code
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('[email protected]'),
onDetailsPressed: () {
debugPrint("arrow is clicked");
},
decoration: BoxDecoration(
color: Colors.indigo[400],
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20.0),
bottomRight: Radius.circular(20.0))),
)
],
),
),
Solution 1:[1]
Use ClipRRect
ex)
drawer: Drawer(
child: ListView(
// padding: EdgeInsets.zero,
children: [
ClipRRect(
borderRadius: BorderRadius.only(
bottomLeft: Radius.circular(20.0),
bottomRight: Radius.circular(20.0)),
child: UserAccountsDrawerHeader(
margin: EdgeInsets.zero,
currentAccountPicture: CircleAvatar(
child: Image.asset('assets/nyancat_bg.png'),
backgroundColor: Colors.white,
),
accountName: Text('NYAN CAT'),
accountEmail: Text('[email protected]'),
onDetailsPressed: () {
debugPrint("arrow is clicked");
},
decoration: BoxDecoration(
color: Colors.indigo[400],
// borderRadius: BorderRadius.only(
// bottomLeft: Radius.circular(20.0),
// bottomRight: Radius.circular(20.0)),
),
),
),
],
),
),
?????! https://open.kakao.com/o/gsshoXJ ? ??? ? ???? ?? ???? ??? ? ????.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Taz |
