Instagram Mention Widgets

一个简单而详细的 Flutter 小部件,几乎与真正的 Instagram 提及小部件相同。

'小细节很重要' ❤️

此包提供与真实 Instagram Mention 小部件相同或非常相似的简单 UI 细节。

它包含两种类型的小部件

  • InstagramMention - 仅文本
  • InstagramMentionWithAvatar - 文本和图像

用法

您可以在应用中像这样简单地使用这些小部件

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',
            ),
          ],
        ),
      ),
    );
  }
}

演示

main_demo

GitHub

https://github.com/devmuaz/instagram_mention