Settings sliverAppBar

This commit is contained in:
Christian Pauly 2020-02-16 10:42:59 +01:00
parent 617a09c05d
commit 6bff85a858
2 changed files with 117 additions and 101 deletions

View File

@ -43,7 +43,7 @@ class ContentBanner extends StatelessWidget {
)
: null,
child: Container(
height: 200,
height: 300,
alignment: Alignment.center,
decoration: BoxDecoration(
color: Theme.of(context).secondaryHeaderColor,
@ -55,21 +55,24 @@ class ContentBanner extends StatelessWidget {
right: 0,
top: 0,
bottom: 0,
child: !loading
? mxContent.mxc?.isNotEmpty ?? false
? kIsWeb
? Image.network(
src,
height: 200,
fit: BoxFit.cover,
)
: CachedNetworkImage(
imageUrl: src,
height: 200,
fit: BoxFit.cover,
)
: Icon(defaultIcon, size: 200)
: Icon(defaultIcon, size: 200),
child: Opacity(
opacity: 0.75,
child: !loading
? mxContent.mxc?.isNotEmpty ?? false
? kIsWeb
? Image.network(
src,
height: 300,
fit: BoxFit.cover,
)
: CachedNetworkImage(
imageUrl: src,
height: 300,
fit: BoxFit.cover,
)
: Icon(defaultIcon, size: 300)
: Icon(defaultIcon, size: 300),
),
),
if (this.onEdit != null)
Container(

View File

@ -103,95 +103,108 @@ class _SettingsState extends State<Settings> {
if (mounted) setState(() => profile = p);
});
return Scaffold(
appBar: AppBar(
title: Text(I18n.of(context).settings),
),
body: ListView(
children: <Widget>[
ContentBanner(
profile?.avatarUrl ?? MxContent(""),
defaultIcon: Icons.account_circle,
loading: profile == null,
onEdit: kIsWeb ? null : () => setAvatarAction(context),
),
ListTile(
title: Text(
I18n.of(context).account,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
body: NestedScrollView(
headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) =>
<Widget>[
SliverAppBar(
expandedHeight: 300.0,
floating: true,
pinned: true,
backgroundColor: Theme.of(context).appBarTheme.color,
flexibleSpace: FlexibleSpaceBar(
title: Text(I18n.of(context).settings,
style: TextStyle(color: Colors.black)),
background: ContentBanner(
profile?.avatarUrl ?? MxContent(""),
height: 300,
defaultIcon: Icons.account_circle,
loading: profile == null,
onEdit: () => setAvatarAction(context),
),
),
),
ListTile(
trailing: Icon(Icons.edit),
title: Text(I18n.of(context).editDisplayname),
subtitle: Text(profile?.displayname ?? client.userID.localpart),
onTap: () => setDisplaynameAction(context),
),
ListTile(
trailing: Icon(Icons.exit_to_app),
title: Text(I18n.of(context).logout),
onTap: () => logoutAction(context),
),
Divider(thickness: 1),
ListTile(
title: Text(
I18n.of(context).about,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
ListTile(
title: Container(
alignment: Alignment.centerLeft,
child: Image.asset("assets/kofi.png", width: 200),
),
onTap: () => launch("https://ko-fi.com/V7V315112"),
),
ListTile(
leading: Icon(Icons.donut_large),
title: Text("Liberapay " + I18n.of(context).donate),
onTap: () =>
launch("https://liberapay.com/KrilleChritzelius/donate"),
),
ListTile(
leading: Icon(Icons.help),
title: Text(I18n.of(context).help),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/issues"),
),
ListTile(
leading: Icon(Icons.account_circle),
title: Text(I18n.of(context).accountInformations),
onTap: () => Navigator.of(context).push(
AppRoute.defaultRoute(
context,
AppInfoView(),
),
),
),
ListTile(
leading: Icon(Icons.list),
title: Text(I18n.of(context).changelog),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/blob/master/CHANGELOG.md"),
),
ListTile(
leading: Icon(Icons.link),
title: Text(I18n.of(context).license),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/raw/master/LICENSE"),
),
ListTile(
leading: Icon(Icons.code),
title: Text(I18n.of(context).sourceCode),
onTap: () =>
launch("https://gitlab.com/ChristianPauly/fluffychat-flutter"),
),
],
body: ListView(
children: <Widget>[
ListTile(
title: Text(
I18n.of(context).account,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
ListTile(
trailing: Icon(Icons.edit),
title: Text(I18n.of(context).editDisplayname),
subtitle: Text(profile?.displayname ?? client.userID.localpart),
onTap: () => setDisplaynameAction(context),
),
ListTile(
trailing: Icon(Icons.exit_to_app),
title: Text(I18n.of(context).logout),
onTap: () => logoutAction(context),
),
Divider(thickness: 1),
ListTile(
title: Text(
I18n.of(context).about,
style: TextStyle(
color: Theme.of(context).primaryColor,
fontWeight: FontWeight.bold,
),
),
),
ListTile(
title: Container(
alignment: Alignment.centerLeft,
child: Image.asset("assets/kofi.png", width: 200),
),
onTap: () => launch("https://ko-fi.com/V7V315112"),
),
ListTile(
leading: Icon(Icons.donut_large),
title: Text("Liberapay " + I18n.of(context).donate),
onTap: () =>
launch("https://liberapay.com/KrilleChritzelius/donate"),
),
ListTile(
leading: Icon(Icons.help),
title: Text(I18n.of(context).help),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/issues"),
),
ListTile(
leading: Icon(Icons.account_circle),
title: Text(I18n.of(context).accountInformations),
onTap: () => Navigator.of(context).push(
AppRoute.defaultRoute(
context,
AppInfoView(),
),
),
),
ListTile(
leading: Icon(Icons.list),
title: Text(I18n.of(context).changelog),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/blob/master/CHANGELOG.md"),
),
ListTile(
leading: Icon(Icons.link),
title: Text(I18n.of(context).license),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter/raw/master/LICENSE"),
),
ListTile(
leading: Icon(Icons.code),
title: Text(I18n.of(context).sourceCode),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter"),
),
],
),
),
);
}