💄 Optimized profile page background image
This commit is contained in:
parent
36b9026e9e
commit
461f32545a
@ -65,23 +65,32 @@ class AccountProfileScreen extends HookConsumerWidget {
|
|||||||
expandedHeight: 180,
|
expandedHeight: 180,
|
||||||
pinned: true,
|
pinned: true,
|
||||||
leading: PageBackButton(shadows: [iconShadow]),
|
leading: PageBackButton(shadows: [iconShadow]),
|
||||||
flexibleSpace: FlexibleSpaceBar(
|
flexibleSpace: Stack(
|
||||||
background:
|
children: [
|
||||||
data.profile.background?.id != null
|
Positioned.fill(
|
||||||
? CloudImageWidget(
|
child:
|
||||||
fileId: data.profile.background!.id,
|
data.profile.background?.id != null
|
||||||
)
|
? CloudImageWidget(
|
||||||
: Container(
|
file: data.profile.background,
|
||||||
color:
|
)
|
||||||
Theme.of(context).appBarTheme.backgroundColor,
|
: Container(
|
||||||
),
|
color:
|
||||||
title: Text(
|
Theme.of(
|
||||||
data.nick,
|
context,
|
||||||
style: TextStyle(
|
).appBarTheme.backgroundColor,
|
||||||
color: Theme.of(context).appBarTheme.foregroundColor,
|
),
|
||||||
shadows: [iconShadow],
|
|
||||||
),
|
),
|
||||||
),
|
FlexibleSpaceBar(
|
||||||
|
title: Text(
|
||||||
|
data.nick,
|
||||||
|
style: TextStyle(
|
||||||
|
color:
|
||||||
|
Theme.of(context).appBarTheme.foregroundColor,
|
||||||
|
shadows: [iconShadow],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
SliverToBoxAdapter(
|
SliverToBoxAdapter(
|
||||||
@ -91,7 +100,7 @@ class AccountProfileScreen extends HookConsumerWidget {
|
|||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
children: [
|
children: [
|
||||||
ProfilePictureWidget(
|
ProfilePictureWidget(
|
||||||
fileId: data.profile.picture?.id,
|
file: data.profile.picture,
|
||||||
radius: 32,
|
radius: 32,
|
||||||
),
|
),
|
||||||
const Gap(20),
|
const Gap(20),
|
||||||
|
@ -106,21 +106,32 @@ class PublisherProfileScreen extends HookConsumerWidget {
|
|||||||
expandedHeight: 180,
|
expandedHeight: 180,
|
||||||
pinned: true,
|
pinned: true,
|
||||||
leading: PageBackButton(shadows: [iconShadow]),
|
leading: PageBackButton(shadows: [iconShadow]),
|
||||||
flexibleSpace: FlexibleSpaceBar(
|
flexibleSpace: Stack(
|
||||||
background:
|
children: [
|
||||||
data.background?.id != null
|
Positioned.fill(
|
||||||
? CloudImageWidget(fileId: data.background!.id)
|
child:
|
||||||
: Container(
|
data.background?.id != null
|
||||||
color:
|
? CloudImageWidget(file: data.background)
|
||||||
Theme.of(context).appBarTheme.backgroundColor,
|
: Container(
|
||||||
),
|
color:
|
||||||
title: Text(
|
Theme.of(
|
||||||
data.nick,
|
context,
|
||||||
style: TextStyle(
|
).appBarTheme.backgroundColor,
|
||||||
color: Theme.of(context).appBarTheme.foregroundColor,
|
),
|
||||||
shadows: [iconShadow],
|
|
||||||
),
|
),
|
||||||
),
|
FlexibleSpaceBar(
|
||||||
|
title: Text(
|
||||||
|
data.nick,
|
||||||
|
style: TextStyle(
|
||||||
|
color:
|
||||||
|
Theme.of(context).appBarTheme.foregroundColor,
|
||||||
|
shadows: [iconShadow],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
background:
|
||||||
|
Container(), // Empty container since background is handled by Stack
|
||||||
|
),
|
||||||
|
],
|
||||||
),
|
),
|
||||||
actions: [
|
actions: [
|
||||||
subStatus.when(
|
subStatus.when(
|
||||||
@ -163,10 +174,7 @@ class PublisherProfileScreen extends HookConsumerWidget {
|
|||||||
crossAxisAlignment: CrossAxisAlignment.start,
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
spacing: 20,
|
spacing: 20,
|
||||||
children: [
|
children: [
|
||||||
ProfilePictureWidget(
|
ProfilePictureWidget(file: data.picture, radius: 32),
|
||||||
fileId: data.picture!.id,
|
|
||||||
radius: 32,
|
|
||||||
),
|
|
||||||
Expanded(
|
Expanded(
|
||||||
child: Column(
|
child: Column(
|
||||||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
Loading…
x
Reference in New Issue
Block a user