added border stroke to new MemoryCoverWidget

This commit is contained in:
ashilkn 2024-01-12 16:51:11 +05:30
parent f77c876071
commit b6544825d8
2 changed files with 22 additions and 3 deletions

View file

@ -73,7 +73,7 @@ class _MemoriesWidgetState extends State<MemoriesWidget> {
); );
} }
return SizedBox( return SizedBox(
height: 125, height: 125 + MemoryCoverWidgetNew.centerStrokeWidth * 2,
child: ListView.builder( child: ListView.builder(
physics: const BouncingScrollPhysics(), physics: const BouncingScrollPhysics(),
scrollDirection: Axis.horizontal, scrollDirection: Axis.horizontal,

View file

@ -10,6 +10,7 @@ class MemoryCoverWidgetNew extends StatefulWidget {
final List<Memory> memories; final List<Memory> memories;
final ScrollController controller; final ScrollController controller;
final double offsetOfItem; final double offsetOfItem;
static const centerStrokeWidth = 0.5;
const MemoryCoverWidgetNew({ const MemoryCoverWidgetNew({
required this.memories, required this.memories,
@ -61,9 +62,19 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
}, },
child: Row( child: Row(
children: [ children: [
SizedBox( Container(
height: 125 * scale, height: 125 * scale,
width: 85 * scale, width: 85 * scale,
decoration: BoxDecoration(
boxShadow: const [
BoxShadow(
color: Color.fromRGBO(1, 222, 77, 0.11),
spreadRadius: MemoryCoverWidgetNew.centerStrokeWidth,
blurRadius: 0,
),
],
borderRadius: BorderRadius.circular(5),
),
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(5), borderRadius: BorderRadius.circular(5),
child: Stack( child: Stack(
@ -71,6 +82,14 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
alignment: Alignment.bottomCenter, alignment: Alignment.bottomCenter,
children: [ children: [
child!, child!,
Container(
decoration: BoxDecoration(
border: Border.all(
color: const Color.fromRGBO(1, 222, 77, 0.11),
width: MemoryCoverWidgetNew.centerStrokeWidth,
),
),
),
Container( Container(
decoration: BoxDecoration( decoration: BoxDecoration(
gradient: LinearGradient( gradient: LinearGradient(
@ -91,7 +110,7 @@ class _MemoryCoverWidgetNewState extends State<MemoryCoverWidgetNew> {
// stops: [0, 0.5], // stops: [0, 0.5],
colors: [ colors: [
Color.fromARGB(58, 1, 222, 78), Color.fromARGB(71, 1, 222, 78),
Color(0x1901DE4D), Color(0x1901DE4D),
Color(0x0001DE4D), Color(0x0001DE4D),
], ],