189 lines
5.1 KiB
Dart
189 lines
5.1 KiB
Dart
import 'package:flutter/material.dart';
|
||
|
||
void main() {
|
||
runApp(const MyApp());
|
||
}
|
||
|
||
class MyApp extends StatelessWidget {
|
||
const MyApp({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return MaterialApp(
|
||
title: 'Flutter Demo',
|
||
theme: ThemeData(
|
||
colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
|
||
useMaterial3: true,
|
||
),
|
||
home: const MyHomePage(title: 'Знакомства'),
|
||
);
|
||
}
|
||
}
|
||
|
||
class MyHomePage extends StatefulWidget {
|
||
const MyHomePage({super.key, required this.title});
|
||
|
||
final String title;
|
||
|
||
@override
|
||
State<MyHomePage> createState() => _MyHomePageState();
|
||
}
|
||
|
||
class _MyHomePageState extends State<MyHomePage> {
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Scaffold(
|
||
appBar: AppBar(
|
||
backgroundColor: Theme.of(context).colorScheme.inversePrimary,
|
||
title: Text(widget.title),
|
||
),
|
||
body: const MyWidget(),
|
||
);
|
||
}
|
||
}
|
||
|
||
class MyWidget extends StatelessWidget {
|
||
const MyWidget({super.key});
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
final data = [
|
||
const _CardPostData(
|
||
"Евгения",
|
||
"Люблю программирование и кататься на скейте",
|
||
"https://avatar.iran.liara.run/public/girl",
|
||
true),
|
||
const _CardPostData("Алекс", "Junior Flutter Engineer",
|
||
"https://avatar.iran.liara.run/public/36", false),
|
||
const _CardPostData(
|
||
"Станислав",
|
||
"Нет ничего приятнее прогулки на природе!",
|
||
"https://avatar.iran.liara.run/public/boy",
|
||
true),
|
||
const _CardPostData("Вероника", "В свободное время хожу на уроки вокала",
|
||
"https://avatar.iran.liara.run/public/93", false),
|
||
];
|
||
return Center(
|
||
child: SingleChildScrollView(
|
||
child: Column(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: data.map((e) => _CardPost.fromData(e)).toList(),
|
||
)));
|
||
}
|
||
}
|
||
|
||
class _CardPost extends StatelessWidget {
|
||
final String description;
|
||
final String? imageUrl;
|
||
final bool isLiked;
|
||
final String name;
|
||
|
||
const _CardPost(this.name, this.description, this.imageUrl, this.isLiked);
|
||
|
||
factory _CardPost.fromData(_CardPostData data) =>
|
||
_CardPost(data.name, data.description, data.imageUrl, data.isLiked);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return Container(
|
||
margin: const EdgeInsets.all(10),
|
||
padding: const EdgeInsets.all(10),
|
||
decoration: BoxDecoration(
|
||
borderRadius: BorderRadius.circular(10),
|
||
color: Colors.blue,
|
||
border: Border.all(
|
||
color: Colors.blue,
|
||
width: 0.5,
|
||
),
|
||
boxShadow: const [
|
||
BoxShadow(
|
||
color: Colors.black12,
|
||
offset: Offset(
|
||
0.0,
|
||
5.0,
|
||
),
|
||
blurRadius: 4.0,
|
||
spreadRadius: 1.0,
|
||
),
|
||
],
|
||
),
|
||
child: Column(
|
||
children: [
|
||
Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Flexible(
|
||
child: Text(
|
||
name,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 30,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
Padding(
|
||
padding: const EdgeInsets.only(top: 6.0),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Flexible(
|
||
child: Text(
|
||
description,
|
||
textAlign: TextAlign.center,
|
||
style: const TextStyle(
|
||
color: Colors.white,
|
||
fontSize: 24,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
if (imageUrl != null)
|
||
Padding(
|
||
padding: const EdgeInsets.all(8.0),
|
||
child: Image.network(imageUrl!,
|
||
height: 500, width: double.infinity, fit: BoxFit.fitWidth),
|
||
),
|
||
if (isLiked)
|
||
const Padding(
|
||
padding: EdgeInsets.all(4.0),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.favorite, color: Colors.red, size: 80),
|
||
],
|
||
),
|
||
)
|
||
else
|
||
const Padding(
|
||
padding: EdgeInsets.all(4.0),
|
||
child: Row(
|
||
mainAxisAlignment: MainAxisAlignment.center,
|
||
children: [
|
||
Icon(Icons.favorite_border, color: Colors.red, size: 80),
|
||
],
|
||
),
|
||
)
|
||
],
|
||
),
|
||
);
|
||
}
|
||
}
|
||
|
||
class _CardPostData extends StatelessWidget {
|
||
final String name;
|
||
final String description;
|
||
final String? imageUrl;
|
||
final bool isLiked;
|
||
|
||
const _CardPostData(this.name, this.description, this.imageUrl, this.isLiked);
|
||
|
||
@override
|
||
Widget build(BuildContext context) {
|
||
return const Placeholder();
|
||
}
|
||
}
|