change pictures, add shadow to Card
This commit is contained in:
parent
22cc6a561b
commit
43ef610e40
@ -30,20 +30,20 @@ class MyHomePage extends StatefulWidget {
|
|||||||
class _MyHomePageState extends State<MyHomePage> {
|
class _MyHomePageState extends State<MyHomePage> {
|
||||||
List<_CardData> data = [
|
List<_CardData> data = [
|
||||||
_CardData(
|
_CardData(
|
||||||
textData: "Random picture",
|
textData: "250x150 picture",
|
||||||
imageUrl: "https://loremflickr.com/150/150"),
|
imageUrl: "https://loremflickr.com/250/150/kitty"),
|
||||||
_CardData(
|
_CardData(
|
||||||
textData: "Another picture",
|
textData: "200x250 picture",
|
||||||
imageUrl: "https://loremflickr.com/150/150?random=12"),
|
imageUrl: "https://loremflickr.com/200/250/kitty"),
|
||||||
_CardData(
|
_CardData(
|
||||||
textData: "200x200 picture",
|
textData: "200x200 picture",
|
||||||
imageUrl: "https://loremflickr.com/200/200"),
|
imageUrl: "https://loremflickr.com/200/200/kitty"),
|
||||||
_CardData(
|
_CardData(
|
||||||
textData: "100x150 picture",
|
textData: "100x150 picture",
|
||||||
imageUrl: "https://loremflickr.com/100/150"),
|
imageUrl: "https://loremflickr.com/100/150/kitty"),
|
||||||
_CardData(
|
_CardData(
|
||||||
textData: "300x150 picture",
|
textData: "300x150 picture",
|
||||||
imageUrl: "https://loremflickr.com/350/150"),
|
imageUrl: "https://loremflickr.com/350/150/kitty"),
|
||||||
];
|
];
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
@ -70,10 +70,10 @@ class _CardData {
|
|||||||
}
|
}
|
||||||
|
|
||||||
class _Card extends StatelessWidget {
|
class _Card extends StatelessWidget {
|
||||||
String text;
|
final String text;
|
||||||
String imageUrl;
|
final String imageUrl;
|
||||||
|
|
||||||
_Card({super.key, required this.text, required this.imageUrl});
|
const _Card({required this.text, required this.imageUrl});
|
||||||
|
|
||||||
factory _Card.withData(_CardData d) => _Card(
|
factory _Card.withData(_CardData d) => _Card(
|
||||||
text: d.textData,
|
text: d.textData,
|
||||||
@ -88,6 +88,13 @@ class _Card extends StatelessWidget {
|
|||||||
margin: EdgeInsets.all(5.0),
|
margin: EdgeInsets.all(5.0),
|
||||||
padding: EdgeInsets.all(8.0),
|
padding: EdgeInsets.all(8.0),
|
||||||
decoration: BoxDecoration(
|
decoration: BoxDecoration(
|
||||||
|
boxShadow: [
|
||||||
|
BoxShadow(
|
||||||
|
color: Colors.grey.withOpacity(0.5),
|
||||||
|
spreadRadius: 3,
|
||||||
|
offset: const Offset(0, 2),
|
||||||
|
blurRadius: 4)
|
||||||
|
],
|
||||||
color: Theme.of(context).colorScheme.inversePrimary,
|
color: Theme.of(context).colorScheme.inversePrimary,
|
||||||
borderRadius: BorderRadius.circular(20)),
|
borderRadius: BorderRadius.circular(20)),
|
||||||
child: Row(
|
child: Row(
|
||||||
|
Loading…
Reference in New Issue
Block a user