Kieran/zap-stream-flutter
1
0
Fork 0
mirror of https://github.com/nostrlabs-io/zap-stream-flutter.git synced 2025-06-16 11:58:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: improve vertical player design

Browse Source
This commit is contained in:
Kieran
2025-06-05 12:05:07 +01:00
parent 64655ba21c
commit 3b07f7d073
1 changed files with 29 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
lib/pages/stream.dart
View File

@ -174,17 +174,17 @@ class _StreamPage extends State<StreamPage> with RouteAware {
Positioned(child: child), Positioned(child: child),
Positioned( Positioned(
child: Container( child: Container(
padding: EdgeInsets.symmetric(horizontal: 5), padding: EdgeInsets.symmetric(horizontal: 5, vertical: 3),
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(
begin: Alignment.bottomCenter, begin: Alignment.topCenter,
end: Alignment.topCenter, end: Alignment.bottomCenter,
colors: [ colors: [
LAYER_0.withAlpha(50),
LAYER_0.withAlpha(200),
LAYER_0.withAlpha(255), LAYER_0.withAlpha(255),
LAYER_0.withAlpha(200),
LAYER_0.withAlpha(10),
], ],
stops: [0.0, 0.2, 1.0], stops: [0.0, 0.7, 1.0],
), ),
), ),
child: Column( child: Column(
@ -200,20 +200,31 @@ class _StreamPage extends State<StreamPage> with RouteAware {
width: mq.size.width, width: mq.size.width,
height: mq.size.height * 0.4, height: mq.size.height * 0.4,
padding: EdgeInsets.symmetric(horizontal: 10), padding: EdgeInsets.symmetric(horizontal: 10),
decoration: BoxDecoration(
gradient: LinearGradient(
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
colors: [
LAYER_0.withAlpha(200),
LAYER_0.withAlpha(150),
LAYER_0.withAlpha(0),
],
stops: [0.0, 0.8, 1.0],
),
),
child: ShaderMask( child: ShaderMask(
shaderCallback: (Rect bounds) {
return LinearGradient(
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
colors: [
LAYER_0.withAlpha(255),
LAYER_0.withAlpha(200),
LAYER_0.withAlpha(0),
],
stops: [0.0, 0.8, 1.0],
).createShader(bounds);
},
blendMode: BlendMode.dstIn, blendMode: BlendMode.dstIn,
shaderCallback:
(rect) => LinearGradient(
begin: Alignment.bottomCenter,
end: Alignment.topCenter,
colors: [
LAYER_0.withAlpha(255),
LAYER_0.withAlpha(200),
LAYER_0.withAlpha(0),
],
stops: [0.0, 0.8, 1.0],
).createShader(rect),
child: ChatWidget( child: ChatWidget(
stream: stream, stream: stream,
showGoals: false, showGoals: false,