A flutter widget that looks almost the same as the real instagram mention widget

instagram mention widgets

a simple detailed flutter widget that looks almost the same as the real instagram mention widget.

‘small details do matter’ ❤️

this package provides simple and almost the same ui details that the real instagram mention widget has.

it contains two types of widgets

• instagrammention – only text
• instagrammentionwithavatar – text and image

usage

you can simply use the widgets inside your app like this

class myhomepage extends statelesswidget {
  const myhomepage({key key, this.title}) : super(key: key);

  final string title;

  @override
  widget build(buildcontext context) {
    return scaffold(
      appbar: appbar(
        title: text(title),
      ),
      body: center(
        child: column(
          mainaxisalignment: mainaxisalignment.center,
          mainaxissize: mainaxissize.min,
          children: <widget>[
            // text only
            instagrammention(text: 'lily collins'),
            
            const  sizedbox(height: 75),
            
            // text and image
            instagrammentionwithavatar(
              image: image.network('https://i.pinimg.com/originals/1f/b5/67/1fb567258e278aae24f49e6d5a1950b4.jpg'),
              text:  'lily collins',
            ),
          ],
        ),
      ),
    );
  }
}

demo