Доработка деталки коллекции

This commit is contained in:
2025-04-02 22:22:52 +03:00
parent 49d21cc34b
commit 0478ff6f47

View File

@@ -36,7 +36,7 @@ class _TicketCardState extends State<TicketCard> {
context: context, context: context,
height: 262.h, height: 262.h,
builder: builder:
(BuildContext context) => const AlertInfoDialog( (_) => const AlertInfoDialog(
title: 'Вы хотите удалить карточку?\nЭто действие необратимо', title: 'Вы хотите удалить карточку?\nЭто действие необратимо',
acceptTitle: 'Да, удалить', acceptTitle: 'Да, удалить',
declineTitle: 'Нет, оставить', declineTitle: 'Нет, оставить',
@@ -49,7 +49,7 @@ class _TicketCardState extends State<TicketCard> {
context: context, context: context,
height: 394.h, height: 394.h,
backgroundColor: AppColors.gray_bg, backgroundColor: AppColors.gray_bg,
builder: (BuildContext context) => const ReplaceDialog(), builder: (_) => const ReplaceDialog(),
); );
} }
@@ -66,42 +66,39 @@ class _TicketCardState extends State<TicketCard> {
endActionPane: ActionPane( endActionPane: ActionPane(
extentRatio: 0.62, extentRatio: 0.62,
motion: const StretchMotion(), motion: const StretchMotion(),
children: <Widget>[ children: [
const WSpace(8), const WSpace(8),
_buildSlidableAction( _buildSlidableAction(
context: context, Colors.red.shade50,
backgroundColor: const Color(0xFFFFE4E6), Colors.red,
foregroundColor: const Color(0xFFFF5C69), CupertinoIcons.trash,
icon: CupertinoIcons.trash, _onDeleteTap,
onPressed: () => _onDeleteTap(),
), ),
const WSpace(8), const WSpace(8),
_buildSlidableAction( _buildSlidableAction(
context: context, Colors.blue.shade50,
backgroundColor: const Color(0xFFD7E6F4), Colors.blue,
foregroundColor: const Color(0xFF0058AB), CupertinoIcons.repeat,
icon: CupertinoIcons.repeat, _onRollTap,
onPressed: () => _onRollTap(),
), ),
const WSpace(8), const WSpace(8),
_buildSlidableAction( _buildSlidableAction(
context: context, AppColors.secondary,
backgroundColor: AppColors.secondary, AppColors.primary,
foregroundColor: AppColors.primary, CupertinoIcons.move,
icon: CupertinoIcons.move, _onReplaceTap,
onPressed: () => _onReplaceTap(),
), ),
], ],
), ),
child: Container( child: Container(
width: double.infinity, width: double.infinity,
decoration: BoxDecoration( decoration: BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(12)).r, borderRadius: BorderRadius.circular(12).r,
color: Colors.white, color: Colors.white,
), ),
constraints: BoxConstraints(minHeight: 50.h), constraints: BoxConstraints(minHeight: 50.h),
child: Stack( child: Stack(
children: <Widget>[ children: [
SizedBox( SizedBox(
height: 50.h, height: 50.h,
width: double.infinity, width: double.infinity,
@@ -109,18 +106,14 @@ class _TicketCardState extends State<TicketCard> {
), ),
Padding( Padding(
padding: const EdgeInsets.all(12).r, padding: const EdgeInsets.all(12).r,
child: Column( child: Row(
children: <Widget>[
Row(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[ children: [
_buildImage(), _buildImage(),
_buildText(context), Expanded(child: _buildText(context)),
_buildEditButton(), _buildEditButton(),
], ],
), ),
],
),
), ),
], ],
), ),
@@ -129,7 +122,6 @@ class _TicketCardState extends State<TicketCard> {
); );
} }
/// Кнопка редактирования
Widget _buildEditButton() { Widget _buildEditButton() {
return GestureDetector( return GestureDetector(
onTap: () {}, onTap: () {},
@@ -137,16 +129,12 @@ class _TicketCardState extends State<TicketCard> {
); );
} }
/// Widget _buildSlidableAction(
/// Кнопка в меню свайпа Color backgroundColor,
/// Color foregroundColor,
Widget _buildSlidableAction({ IconData icon,
required BuildContext context, VoidCallback onPressed,
required Color backgroundColor, ) {
required Color foregroundColor,
required IconData icon,
required VoidCallback onPressed,
}) {
return SlidableAction( return SlidableAction(
borderRadius: BorderRadius.circular(12).r, borderRadius: BorderRadius.circular(12).r,
onPressed: (_) => onPressed(), onPressed: (_) => onPressed(),
@@ -157,9 +145,7 @@ class _TicketCardState extends State<TicketCard> {
} }
Widget _buildText(BuildContext context) { Widget _buildText(BuildContext context) {
return Expanded( return ReadMoreText(
child: ReadMoreText(
isExpandable: true,
_isRolled ? widget.ticket.answer : widget.ticket.question, _isRolled ? widget.ticket.answer : widget.ticket.question,
trimMode: TrimMode.Line, trimMode: TrimMode.Line,
trimLines: 3, trimLines: 3,
@@ -168,67 +154,40 @@ class _TicketCardState extends State<TicketCard> {
style: Regular16px().style, style: Regular16px().style,
moreStyle: Regular12px().style.copyWith(color: AppColors.primary_blue), moreStyle: Regular12px().style.copyWith(color: AppColors.primary_blue),
lessStyle: Regular12px().style.copyWith(color: AppColors.primary_blue), lessStyle: Regular12px().style.copyWith(color: AppColors.primary_blue),
),
); );
} }
/// Картинка
Widget _buildImage() { Widget _buildImage() {
final imageBytes =
_isRolled ? widget.ticket.answerImage : widget.ticket.questionImage;
return Wif( return Wif(
condition: _isRolled, condition: imageBytes != null,
builder: builder:
(context) => Wif( (context) => Padding(
condition: widget.ticket.answerImage != null,
builder: (BuildContext context) {
return Padding(
padding: const EdgeInsets.only(right: 8).r, padding: const EdgeInsets.only(right: 8).r,
child: SizedBox.square( child: SizedBox.square(
dimension: 64.r, dimension: 64.r,
child: ClipRRect( child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(8)).r, borderRadius: BorderRadius.circular(8).r,
child: Image.memory( child: Image.memory(imageBytes!, fit: BoxFit.cover),
widget.ticket.answerImage!,
fit: BoxFit.cover,
), ),
), ),
), ),
); );
},
),
fallback:
(context) => Wif(
condition: widget.ticket.questionImage != null,
builder: (BuildContext context) {
return Padding(
padding: const EdgeInsets.only(right: 8).r,
child: SizedBox.square(
dimension: 64.r,
child: ClipRRect(
borderRadius: const BorderRadius.all(Radius.circular(8)).r,
child: Image.memory(
widget.ticket.questionImage!,
fit: BoxFit.cover,
),
),
),
);
},
),
);
} }
/// Декорирование контейнера /// Декорирование контейнера
BoxDecoration getDecoration() { BoxDecoration getDecoration() {
return BoxDecoration( return BoxDecoration(
borderRadius: const BorderRadius.all(Radius.circular(12)).r, borderRadius: BorderRadius.circular(12).r,
gradient: LinearGradient( gradient: LinearGradient(
colors: <Color>[ colors: [
_isRolled ? AppColors.answer : AppColors.question, _isRolled ? AppColors.answer : AppColors.question,
Colors.white, Colors.white,
], ],
begin: Alignment.topLeft, begin: Alignment.topLeft,
end: const Alignment(-0.6, 1), end: const Alignment(-0.6, 1),
stops: const <double>[0.25, 0.25], stops: const [0.25, 0.25],
), ),
); );
} }