build method

@override Widget build(BuildContext context, Card content)

Builds the layout for the content item. This transforms the content into a Flutter Widget.

Implementation

@override
Widget build(BuildContext context, sys.Card content) {
  final theme = Theme.of(context);

  return sys.PressEffect(
    onTap: (context) => content.action?.execute(context),
    child: Card(
      child: Padding(
        padding: const EdgeInsets.all(8.0),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            if (content.image != null || content.imageUrl != null)
              Container(
                clipBehavior: Clip.antiAlias,
                decoration: BoxDecoration(
                    color: theme.colorScheme.surface,
                    borderRadius: BorderRadius.circular(8)),
                height: 64,
                width: 92,
                child: sys.ContentImage(
                  url: content.imageUrl?.toString(),
                  ref: content.image,
                  fit: BoxFit.contain,
                ),
              ),
            const SizedBox(width: 8),
            Expanded(
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                mainAxisAlignment: MainAxisAlignment.center,
                mainAxisSize: MainAxisSize.min,
                children: [
                  if (content.title != null)
                    Flexible(
                      child: Padding(
                        padding: const EdgeInsets.only(bottom: 8.0),
                        child: Text(
                          content.title!,
                          style: theme.textTheme.bodyLarge,
                          overflow: TextOverflow.ellipsis,
                          softWrap: true,
                        ),
                      ),
                    ),
                  if (content.description != null)
                    Flexible(
                      child: Text(
                        content.description!,
                        style: theme.textTheme.bodyMedium,
                        overflow: TextOverflow.ellipsis,
                        maxLines: 2,
                        softWrap: true,
                      ),
                    ),
                ],
              ),
            ),
            if (content.action != null)
              const Icon(Icons.chevron_right_rounded)
          ],
        ),
      ),
    ),
  );
}