Flutter Text and Emojis

Created At: 2024-03-19 16:06:50 Updated At: 2024-03-20 04:00:51

With emojis, you can have a lot of colorful layout and ui without much effort.

In Flutter Text() and RichText() widgets both can show emojis or symbols. Within Text we can directly use Emojis and Symbols. We can do the same for RichText().

Emojis and Symbols could be selected by following four steps

  1. Make sure you put your cursor in the Text or RichText widget
  2. Select Edit menu from Android Studio or VSCode at the top
  3. Select Emojis and Symbols from the drop down menu
  4. Then double click on any symbles or emojis you want.

The idea with RichText() is that it takes child as TextSpan() and TextSpan() can take child or children. TextSpan()'s child or children could be text or TextSpan itself as you can see from the picture. 

Watch the video to follow the steps

Download the complete code from the top right of the page


Add Reviews