added border stroke to new MemoryCoverWidget
This commit is contained in:
parent
f77c876071
commit
b6544825d8
|
@ -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,
|
||||||
|
|
|
@ -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),
|
||||||
],
|
],
|
||||||
|
|
Loading…
Reference in a new issue