loris/lib/partials/post.dart

import 'package:flutter/material.dart';
import 'package:localization/localization.dart';
import '../business_logic/timeline/timeline.dart' as tl;

class Post extends StatefulWidget {
  const Post({required this.model, Key? key}) : super(key: key);
  final tl.PostModel model;

  @override
  State<Post> createState() => _PostState();
}

class _PostState extends State<Post> {
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        const DisplayName(),
        PostBody(
          content: widget.model.content,
        ),
        postActionBar(context),
      ],
    );
  }
}

class DisplayName extends StatelessWidget {
  const DisplayName({
    Key? key,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Row(
      children: [
        const Icon(
          Icons.face,
          size: 64,
        ),
        Column(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              "first name display last name name",
              style: Theme.of(context).textTheme.titleMedium,
            ),
            Text(
              "@alice_exampleuser@example.com",
              style: Theme.of(context).textTheme.bodySmall,
            ),
          ],
        ),
      ],
    );
  }
}

class PostBody extends StatefulWidget {
  const PostBody({required this.content, Key? key}) : super(key: key);
  final String content;

  @override
  State<PostBody> createState() => _PostBodyState();
}

class _PostBodyState extends State<PostBody> {
  bool visible = false;
  String cwButtonText = "show".i18n();
  Icon cwButtonIcon = const Icon(Icons.visibility);
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.fromLTRB(0, 6, 0, 6),
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Text(widget.content),
          OutlinedButton.icon(
              onPressed: () {
                setState(() {
                  visible = !visible;
                  if (visible) {
                    cwButtonIcon = const Icon(Icons.visibility_off);
                    cwButtonText = "hide".i18n();
                  } else {
                    cwButtonText = "show".i18n();
                    cwButtonIcon = const Icon(Icons.visibility);
                  }
                });
              },
              icon: cwButtonIcon,
              label: Text(cwButtonText)),
          Visibility(
            visible: visible,
            child: RichText(
              textAlign: TextAlign.start,
              text: TextSpan(
                  style: Theme.of(context).textTheme.bodyMedium,
                  text: widget.content),
            ),
          ),
        ],
      ),
    );
  }
}

Widget postActionBar(context) {
  return Row(
    mainAxisAlignment: MainAxisAlignment.spaceBetween,
    children: [
      IconButton(
        onPressed: () {},
        icon: const Icon(Icons.reply),
      ),
      IconButton(
        onPressed: () {},
        icon: const Icon(Icons.repeat),
      ),
      IconButton(
        onPressed: () {},
        icon: const Icon(Icons.favorite_outline),
      ),
      IconButton(
        onPressed: () {},
        icon: const Icon(Icons.more_horiz),
      )
    ],
  );
}