Flutter Text Widget Emojis

Question

I'm getting back JSON Data from my server but emojis are being serialized with weird characters.

msgcontent: â¤ï¸â¤ï¸â¤ï¸ð,

I'm using the http package. On postman it shows the emoji perfectly so it's not a db or json error. What am I missing?

Thanks.

Possible duplicate of [Invalid Arabic characters With Utf-8 charset Retrived with http.get Flutter](https://stackoverflow.com/questions/50318681/invalid-arabic-characters-with-utf-8-charset-retrived-with-http-get-flutter) — Richard Heap, Jul 30 '19 at 18:25
@RichardHeap it's similar to what I was looking for but the wrong answer. Check below for the correct answer. — Leoog, Jul 30 '19 at 19:12

score 5 · Answer 1 · edited Jun 15 '20 at 23:03

5

Answering my own question after doing some research this is the best and simplest way without using a Future. You can put this anywhere.

import 'dart:convert';

String utf8convert(String text) {
    List<int> bytes = text.toString().codeUnits;
    return utf8.decode(bytes);
}

edited Jun 15 '20 at 23:03

Boken

4,825
10
32
42

answered Jul 30 '19 at 19:11

Leoog

244
2
8

Biplab Dutta · Answer 2 · 2021-12-17T19:22:21.840

2

JUST IN CASE IF SOMEONE IS LOOKING FOR AN EASIER AND CONVENIENT SOLUTION TO THIS VERY PROBLEM

After seeing Leoog's answer, what I would suggest is instead of having a separate function to perform UTF decoding, you can rather simply edit your network request code from something like

final response = await http.get(....);
final result = jsonDecode(response.body);

to

final response = await http.get(....);
final result = jsonDecode(utf8.decode(response.bodyBytes));

This way the UTF decoding would take place inside the data layer keeping our presentation layer neat thus promoting separation of concerns.

edited Dec 17 '21 at 19:22

answered Dec 17 '21 at 19:06

Biplab Dutta

444
3
12

This is the best solution. Clean and simple, thank you! – Owen Mar 15 '22 at 03:48
You are most welcome, @Owen – Biplab Dutta Apr 01 '22 at 07:01

score 0 · Answer 3 · answered Jul 30 '19 at 18:29

0

Try encoding/decoding your data with UTF8 character encoding, this might just do the trick, previously answered:

Flutter UTF8 encoding/decoding answer

answered Jul 30 '19 at 18:29

E.Bradford

783
7
21

score 0 · Answer 4 · answered Sep 29 '22 at 16:04

0

    import 'dart:convert' show utf8;
   Text( utf8.decode(receivedString.runes.toList()) );

Try this this should work

answered Sep 29 '22 at 16:04

Rabin Acharya

53
6

Flutter Text Widget Emojis

4 Answers4