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: Opacity(
opacity: 0.75,
child: !loading
? mxContent.mxc?.isNotEmpty ?? false
? kIsWeb
? Image.network(
src,
height: 200,
height: 300,
fit: BoxFit.cover,
)
: CachedNetworkImage(
imageUrl: src,
height: 200,
height: 300,
fit: BoxFit.cover,
)
: Icon(defaultIcon, size: 200)
: Icon(defaultIcon, size: 200),
: Icon(defaultIcon, size: 300)
: Icon(defaultIcon, size: 300),
),
),
if (this.onEdit != null)
Container(

View File

@ -103,17 +103,29 @@ 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(
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: kIsWeb ? null : () => setAvatarAction(context),
onEdit: () => setAvatarAction(context),
),
),
),
],
body: ListView(
children: <Widget>[
ListTile(
title: Text(
I18n.of(context).account,
@ -188,11 +200,12 @@ class _SettingsState extends State<Settings> {
ListTile(
leading: Icon(Icons.code),
title: Text(I18n.of(context).sourceCode),
onTap: () =>
launch("https://gitlab.com/ChristianPauly/fluffychat-flutter"),
onTap: () => launch(
"https://gitlab.com/ChristianPauly/fluffychat-flutter"),
),
],
),
),
);
}
}