Improve menu button UI.

This commit is contained in:
stonega 2020-10-29 16:20:51 +08:00
parent 06ec6ee5a1
commit 434609eaeb
1 changed files with 27 additions and 10 deletions

View File

@ -357,7 +357,19 @@ class _PodcastDetailState extends State<PodcastDetail> {
final s = context.s; final s = context.s;
return _customPopupMenu( return _customPopupMenu(
tooltip: s.menu, tooltip: s.menu,
// clip: false, child: Padding(
padding: EdgeInsets.symmetric(horizontal: 10, vertical: 10),
child: Container(
width: 30,
height: 30,
decoration: BoxDecoration(
color: widget.podcastLocal
.backgroudColor(context)
.withOpacity(0.6),
shape: BoxShape.circle,
),
child: Icon(Icons.more_vert),
)),
onSelected: (value) { onSelected: (value) {
switch (value) { switch (value) {
case 0: case 0:
@ -742,7 +754,7 @@ class _PodcastDetailState extends State<PodcastDetail> {
iconTheme: IconThemeData( iconTheme: IconThemeData(
color: Colors.white, color: Colors.white,
), ),
expandedHeight: 150 + context.paddingTop, expandedHeight: 130 + context.paddingTop,
backgroundColor: color, backgroundColor: color,
floating: true, floating: true,
pinned: true, pinned: true,
@ -755,9 +767,9 @@ class _PodcastDetailState extends State<PodcastDetail> {
children: <Widget>[ children: <Widget>[
Container( Container(
margin: EdgeInsets.only( margin: EdgeInsets.only(
top: 120 + context.paddingTop), top: 100 + context.paddingTop),
padding: EdgeInsets.only( padding: EdgeInsets.only(
left: 80, right: 120), left: 80, right: 20),
color: Colors.white10, color: Colors.white10,
alignment: Alignment.centerLeft, alignment: Alignment.centerLeft,
child: Column( child: Column(
@ -789,7 +801,8 @@ class _PodcastDetailState extends State<PodcastDetail> {
), ),
Container( Container(
alignment: Alignment.centerRight, alignment: Alignment.centerRight,
padding: EdgeInsets.only(right: 10), padding: EdgeInsets.only(
top: 10, right: 10),
child: SizedBox( child: SizedBox(
height: 120, height: 120,
child: Image.file(File( child: Image.file(File(
@ -803,11 +816,15 @@ class _PodcastDetailState extends State<PodcastDetail> {
], ],
), ),
title: _topHeight < 70 + context.paddingTop title: _topHeight < 70 + context.paddingTop
? Text(widget.podcastLocal.title, ? SizedBox(
maxLines: 1, width: context.width * 4 / 5,
overflow: TextOverflow.clip, child: Text(
style: widget.podcastLocal.title,
TextStyle(color: Colors.white)) maxLines: 1,
overflow: TextOverflow.clip,
style: TextStyle(
color: Colors.white)),
)
: Center(), : Center(),
); );
}), }),