nekoya/app
nekoya/app
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity

Changed Product_Box colors to match Nekoya's color scheme

Browse source
This commit is contained in:
Matthew Patrick 2022-04-23 22:55:27 +07:00
parent c8b748cb27
commit 63c2e5ac25
1 changed files with 17 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
lib/components/product_box.dart
View file

@ -2,7 +2,8 @@ import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
class ProductBox extends StatefulWidget {
const ProductBox({Key? key, required this.imageUrl, required this.title}) : super(key: key);
const ProductBox({Key? key, required this.imageUrl, required this.title})
: super(key: key);
final String imageUrl;
final String title;
@ -15,37 +16,40 @@ class _ProductBoxState extends State<ProductBox> {
@override
Widget build(BuildContext context) {
return Card(
color: Color(0xff212226),
child: InkWell(
onTap: () {},
splashColor: Colors.red.shade900,
highlightColor: Colors.red.shade900,
child: Column(
children: [
CachedNetworkImage(
imageUrl: widget.imageUrl,
placeholder: (context, url) => const CircularProgressIndicator(),
errorWidget: (context, url, error) => Image.asset('assets/image-error.webp'),
placeholder: (context, url) => const CircularProgressIndicator(
color: Colors.red,
),
errorWidget: (context, url, error) =>
Image.asset('assets/image-error.webp'),
fadeOutDuration: const Duration(milliseconds: 5),
imageBuilder: (context, imageProvider) => Container(
width: 400,
width: 300,
height: 210,
decoration: BoxDecoration(
image: DecorationImage(
image: imageProvider,
fit: BoxFit.cover
)
),
image: DecorationImage(
image: imageProvider, fit: BoxFit.cover)),
),
),
Container(
margin: const EdgeInsets.all(10),
child: Text(
widget.title,
style: const TextStyle(fontSize: 10),
style: const TextStyle(fontSize: 12, color: Colors.white),
textAlign: TextAlign.center,
),
)
],
)
)
),
),
);
}
}
}