Tweets are not displayed correctly in EmbededTweetView

[okzjapan]

Thank you so much for developing a great library. I am always grateful.
I'm still a low-level developer, so let me report here.

Describe the bug
The following issues occur when using EmbededTweetVied.fromTweet on certain tweets
(1) Characters are garbled and the character string after the character is not read.
(2) RangeError is raised (see the following image)

To Reproduce
(1) https://twitter.com/maruyamahodaka/status/1253607143837556736
(2) http://twitter.com/swallowspr/status/1252794458636083201

EmbeddedTweetView.fromTweet(
      Tweet.fromRawJson(
        tweetJson,
      ),
      createdDateDisplayFormat: DateFormat("EEE, MMM d, ''yy"),
    );

Expected behavior
The tweets must be displayed correctly.

Screenshots

(1)

(2)

Smartphone (please complete the following information):

• Device: iPhone SE 2nd (Simulator)
• OS: iOS 13.4

Additional context

% flutter doctor                                                                          
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel master, v1.18.0-9.0.pre.1, on Mac OS X 10.15.3 19D76, locale ja-JP)

[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.4.1)
[✓] Android Studio (version 3.6)
[✓] VS Code (version 1.44.2)
[✓] Connected device (3 available)

I would like to ask a question that is not relevant to this case.
Q1: Is it possible to customize the TextStyle of EmbededTweetView? (I want to change the font size.)
Q2: I can't go back to the previous screen when I tap on an attached image in a tweet, is that a specification?

[kawa89]

Hi, I will try to check it ASAP (worst case scenario May 8th).

1. EmbeddedTweetView is not as customizable as the previous two. I will try to add the same customizable options to it in a later release (June probably).
2. You should be able. I did not test this library much on iOS devices. Please fill a new bug report for this.

[ayang99]

Hi, I'm not sure if this is the same issue or not. But for this tweet: https://twitter.com/cafreeland/status/1253740824065687555

Using EmbeddedTweetView.buildEmbeddedTweetView() and running from IntelliJ in an iPhone 11 Pro Max emulator :

Which manifests as:

in the iPhone emulator. On real devices (you just get an extra-long tweet card that extends for many, many swipes:

If this is a different issue, I'll create a new one for it.

Thanks,

[ercadev]

@okzjapan for issue (2) can you please provide the tweet json. I don't get the same result as you.
Even though I can see we have a problem with the user name length

@ayang99 can you also provide with the json. Here is my result:

[ayang99]

There might be some accidental whitespace artifacts as I cut/paste and formatted. This is what I'm getting prior to json.decode()

{
"created_at": "Fri Apr 24 17:41:20 +0000 2020",
"id": 1253740824065687555,
"id_str": "1253740824065687555",
"full_text": "This #Ramadan, many Canadian Muslim groups such as @Fastinthe6 are finding creative ways to hold their annual fast-breaking events virtually -- while raising money for local foodbanks. And everyone is invited! #shareyourmeal #stayhome #staysafe #Fastinthe6 https://t.co/5aumG3jkW7",
"truncated": false,
"display_text_range": [
0,
256
],
"entities": {
"hashtags": [
{
"text": "Ramadan",
"indices": [
5,
13
]
},
{
"text": "shareyourmeal",
"indices": [
210,
224
]
},
{
"text": "stayhome",
"indices": [
225,
234
]
},
{
"text": "staysafe",
"indices": [
235,
244
]
},
{
"text": "Fastinthe6",
"indices": [
245,
256
]
}
],
"symbols": [],
"user_mentions": [
{
"screen_name": "fastinthe6",
"name": "Fastinthe6",
"id": 861418280724164608,
"id_str": "861418280724164608",
"indices": [
51,
62
]
}
],
" urls": [
{
"url": "https://t.co/5aumG3jkW7",
"expanded_url": "https://twitter.com/fastinthe6/status/1253012121220194304",
"display_url": "twitter.com/fastinthe6/stau2026",
"indices": [
257,
280
]
}
]
},
"source": "<a href="http://twitter.com/download/iphone\" rel="nofollow">Twitter for iPhone",
"in_reply_to_status_id": null,
"in_reply_to_status_id_str": null,
"in_reply_to_user_id": null,
"in_reply_to_user_id_str": null,
"in_reply_to_screen_name": null,
"user": {
"id": 203132018,
"id_str": "203132018",
"name": "Chrystia Freeland",
"screen_name": "cafreeland",
"location": "Toronto, ON",
"description": "Deputy Prime Minister of Canada / vice-premiu00e8re ministre du Canada. Liberal MP for Universityu2014Rosedale. Proud mother of three.",
"url": "https://t.co/SvW93Ajaa6",
"entities": {
"url": {
"urls": [
{
"url": "https://t.co/SvW93Ajaa6",
"expanded_url": "http://www.chrystiafreeland.ca",
"display_url": "chrystiafreeland.ca",
"indices": [
0,
23
]
}
]
},
"description": {
"urls": []
}
},
"protected": false,
"followers_count": 175458,
"friends_count": 4540,
"listed_count": 2561,
"created_at": "Fri Oct 15 16:11:28 +0000 2010",
"favourites_count": 672,
"utc_offset": null,
"time_zone": null,
"geo_enabled": true,
"verified": true,
"statuses_count": 26836,
"lang": null,
"contributors_enabled": false,
"is_translator": false,
"is_translation_enabled": false,
"profile_background_color": "C0DEED",
"profile_background_image_url": "http://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_image_url_https": "https://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_tile": false,
"profile_image_url": "http:// pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_image_url_https": "https://pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_banner_url": "https://pbs.twimg.com/profile_banners/203132018/1585865736",
"profile_link_color": "DD2E44",
"profile_sidebar_border_color": "C0DEED",
"profile_sidebar_fill_color": "DDEEF6",
"profile_text_color": "333333",
"profile_use_background_image": true,
"has_extended_profile": false,
"default_profile": false,
"default_profile_image": false,
"following": false,
"follow_request_sent": false,
"notifications": false,
"translator_type": "none"
},
"geo": null,
"coordinates": null,
"place": null,
"contributors": null,
"is_quote_status": true,
"quoted_status_id": 1253012121220194304,
"quoted_status_id_str": "1253012121220194304",
"quoted_status_permalink": {
"url": "https://t.co/5aumG3jkW7",
"expanded": "https://twitter.com/fastinthe6/status/1253012121220194304",
"display": "twitter.com/fastinthe6/stau2026"
},
"quoted_status": {
"created_at": "Wed Apr 22 17:25:44 +0000 2020",
"id": 1253012121220194304,
"id_str": "1253012121220194304",
"full_text": "https://t.co/raIDZpKo0H",
"truncated": false,
"display_text_range": [
0,
0
],
"entities": {
"hashtags": [],
"symbols": [],
"user_mentions": [],
"urls": [],
"media": [
{
"id": 1253012108293398534,
"id_str": "1253012108293398534",
"indices": [
0,
23
],
"media_url": "http://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"media_url_https": "https://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"url": "https://t.co/raIDZpKo0H",
"display_url": "pic.twitter.com/raIDZpKo0H",
"expanded_url": "https://twitter.com/fastinthe6/ status/1253012121220194304/photo/1",
"type": "photo",
"sizes": {
"thumb": {
"w": 150,
"h": 150,
"resize": "crop"
},
"large": {
"w": 1123,
"h": 1703,
"resize": "fit"
},
"medium": {
"w": 791,
"h": 1200,
"resize": "fit"
},
"small": {
"w": 448,
"h": 680,
"resize": "fit"
}
}
}
]
},
"extended_entities": {
"media": [
{
"id": 1253012108293398534,
"id_str": "1253012108293398534",
"indices": [
0,
23
],
"media_url": "http://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"media_url_https": "https://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"url": "https://t.co/raIDZpKo0H",
"display_url": "pic.twitter.com/raIDZpKo0H",
"expanded_url": "https://twitter.com/fastinthe6/status/1253012121220194304/photo/1",
"type": "photo",
"sizes": {
"thumb": {
"w": 150,
"h": 150,
"resize": "crop"
},
"large": {
"w": 1123,
"h": 1703,
"resize": "fit"
},
"medium": {
"w": 791,
"h": 1200,
"resize": "fit"
},
"s mall": {
"w": 448,
"h": 680,
"resize": "fit"
}
}
}
]
},
"source": "<a href="http://twitter.com/download/iphone\" rel="nofollow">Twitter for iPhone",
"in_reply_to_status_id": null,
"in_reply_to_status_id_str": null,
"in_reply_to_user_id": null,
"in_reply_to_user_id_str": null,
"in_reply_to_screen_name": null,
"user": {
"id": 861418280724164608,
"id_str": "861418280724164608",
"name": "Fastinthe6",
"screen_name": "fastinthe6",
"location": "Toronto, Ontario",
"description": "April 24, 2020 | Join our virtual event to kick-off #Ramadan 2020! Please #StayatHome to #StaySafe and post a message/pic to #Fastinthe6 #ShareYourMeal",
"url": "https://t.co/0oNlec6ZmG",
"entities": {
"url": {
"urls": [
{
"url": "https://t.co/0oNlec6ZmG",
"expanded_url": "http://www.fastinthe6.com",
"display_url": "fastinthe6.com",
" indices": [
0,
23
]
}
]
},
"description": {
"urls": []
}
},
"protected": false,
"followers_count": 288,
"friends_count": 278,
"listed_count": 4,
"created_at": "Mon May 08 03:11:37 +0000 2017",
"favourites_count": 93,
"utc_offset": null,
"time_zone": null,
"geo_enabled": false,
"verified": false,
"statuses_count": 202,
"lang": null,
"contributors_enabled": false,
"is_translator": false,
"is_translation_enabled": false,
"profile_background_color": "F5F8FA",
"profile_background_image_url": null,
"profile_background_image_url_https": null,
"profile_background_tile": false,
"profile_image_url": "http://pbs.twimg.com/profile_images/863911573580111878/im8WL4eb_normal.jpg",
"profile_image_url_https": "https://pbs.twimg.com/profile_images/863911573580111878/im8WL4eb_normal.jpg",
"profile_banner_url": "https://pbs.twimg.com/profile_banners/8614182807241646081587606431",
"profile_link_color": "1DA1F2",
"profile_sidebar_border_color": "C0DEED",
"profile_sidebar_fill_color": "DDEEF6",
"profile_text_color": "333333",
"profile_use_background_image": true,
"has_extended_profile": false,
"default_profile": true,
"default_profile_image": false,
"following": false,
"follow_request_sent": false,
"notifications": false,
"translator_type": "none"
},
"geo": null,
"coordinates": null,
"place": null,
"contributors": null,
"is_quote_status": false,
"retweet_count": 10,
"favorite_count": 20,
"favorited": false,
"retweeted": false,
"possibly_sensitive": false,
"lang": "und"
},
"retweet_count": 35,
"favorite_count": 117,
"favorited": false,
"retweeted": false,
"possibly_sensitive": false,
"lang": "en"
},
{
"created_at": "Fri Apr 24 17:40:18 +0000 2020",
"id": 1253740563855298561,
"id_str": "125374056385529856 1",
"full_text": "Ce #Ramadan de nombreux groupes musulmans canadiens tels que @fastinthe6 trouvent des moyens cru00e9atifs pour organiser virtuellement leurs u00e9vu00e9nements annuels de rupture de jeu00fbne - tout en collectant des fonds pour les banques alimentaires locales. Et tous sont invitu00e9s! #Fastinthe6 https://t.co/5aumG3jkW7",
"truncated": false,
"display_text_range": [
0,
279
],
"entities": {
"hashtags": [
{
"text": "Ramadan",
"indices": [
3,
11
]
},
{
"text": "Fastinthe6",
"indices": [
268,
279
]
}
],
"symbols": [],
"user_mentions": [
{
"screen_name": "fastinthe6",
"name": "Fastinthe6",
"id": 861418280724164608,
"id_str": "861418280724164608",
"indices": [
61,
72
]
}
],
"urls": [
{
"url": "https://t.co/5aumG3jkW7",
"expanded_url": "https://twitter.com/fastinthe6/status/1253012121220194304",
"display_url": "twitter.co m/fastinthe6/stau2026",
"indices": [
280,
303
]
}
]
},
"source": "<a href="http://twitter.com/download/iphone\" rel="nofollow">Twitter for iPhone",
"in_reply_to_status_id": null,
"in_reply_to_status_id_str": null,
"in_reply_to_user_id": null,
"in_reply_to_user_id_str": null,
"in_reply_to_screen_name": null,
"user": {
"id": 203132018,
"id_str": "203132018",
"name": "Chrystia Freeland",
"screen_name": "cafreeland",
"location": "Toronto, ON",
"description": "Deputy Prime Minister of Canada / vice-premiu00e8re ministre du Canada. Liberal MP for Universityu2014Rosedale. Proud mother of three.",
"url": "https://t.co/SvW93Ajaa6",
"entities": {
"url": {
"urls": [
{
"url": "https://t.co/SvW93Ajaa6",
"expanded_url": "http://www.chrystiafreeland.ca",
"display_url": "chrystiafreeland.ca",
"indices": [
0,
23
]
}
]
},
"description": {
"urls": []
}
},
"protected": false,
"followers_count": 175458,
"friends_count": 4540,
"listed_count": 2561,
"created_at": "Fri Oct 15 16:11:28 +0000 2010",
"favourites_count": 672,
"utc_offset": null,
"time_zone": null,
"geo_enabled": true,
"verified": true,
"statuses_count": 26836,
"lang": null,
"contributors_enabled": false,
"is_translator": false,
"is_translation_enabled": false,
"profile_background_color": "C0DEED",
"profile_background_image_url": "http://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_image_url_https": "https://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_tile": false,
"profile_image_url": "http://pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_image_url_https": "https://pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_banner_url": "https://pbs.twimg.com/profile_banners/203132018/1585865736",
"profile_link_color": "DD2E44",
"profile_sidebar_border_color": "C0DEED",
"profile_sidebar_fill_color": "DDEEF6",
"profile_text_color": "333333",
"profile_use_background_image": true,
"has_extended_profile": false,
"default_profile": false,
"default_profile_image": false,
"following": false,
"follow_request_sent": false,
"notifications": false,
"translator_type": "none"
},
"geo": null,
"coordinates": null,
"place": null,
"contributors": null,
"is_quote_status": true,
"quoted_status_id": 1253012121220194304,
"quoted_status_id_str": "1253012121220194304",
"quoted_status_permalink": {
"url": "https://t.co/5aumG3jkW7",
"expanded": "https://twitter.com/fastinthe6/status/1253012121220194304",
"display": "twitter. com/fastinthe6/stau2026"
},
"quoted_status": {
"created_at": "Wed Apr 22 17:25:44 +0000 2020",
"id": 1253012121220194304,
"id_str": "1253012121220194304",
"full_text": "https://t.co/raIDZpKo0H",
"truncated": false,
"display_text_range": [
0,
0
],
"entities": {
"hashtags": [],
"symbols": [],
"user_mentions": [],
"urls": [],
"media": [
{
"id": 1253012108293398534,
"id_str": "1253012108293398534",
"indices": [
0,
23
],
"media_url": "http://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"media_url_https": "https://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"url": "https://t.co/raIDZpKo0H",
"display_url": "pic.twitter.com/raIDZpKo0H",
"expanded_url": "https://twitter.com/fastinthe6/status/1253012121220194304/photo/1",
"type": "photo",
"sizes": {
"thumb": {
"w": 150,
"h": 150,
"resize": "crop"
},
"large": {
"w": 1123,
"h": 1703,
"resize": "fit"
},
"medium": {
"w": 791,
"h": 1200,
"resize": "fit"
},
"small": {
"w": 448,
"h": 680,
"resize": "fit"
}
}
}
]
},
"extended_entities": {
"media": [
{
"id": 1253012108293398534,
"id_str": "1253012108293398534",
"indices": [
0,
23
],
"media_url": "http://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"media_url_https": "https://pbs.twimg.com/media/EWOX364XYAYJ7pg.jpg",
"url": "https://t.co/raIDZpKo0H",
"display_url": "pic.twitter.com/raIDZpKo0H",
"expanded_url": "https://twitter.com/fastinthe6/status/1253012121220194304/photo/1",
"type": "photo",
"sizes": {
"thumb": {
"w": 150,
"h": 150,
"resize": "crop"
},
"large": {
"w": 1123,
"h": 1703,
"resize": "fit"
},
"medium": {
"w": 791,
"h": 1200,
"resize": "fit"
},
"small": {
"w": 448,
"h": 680,
"resize": "fit"
}
}
}
]
},
"source": "<a href="http://twitter.com/download/iphone\" rel="nofollow">Twitter for iPhone",
"in_reply_to_status_id": null,
"in_reply_to_status_id_str": null,
"in_reply_to_user_id": null,
"in_reply_to_user_id_str": null,
"in_reply_to_screen_name": null,
"user": {
"id": 861418280724164608,
"id_str": "861418280724164608",
"name": "Fastinthe6",
"screen_name": "fastinthe6",
"location": "Toronto, Ontario",
"description": "April 24, 2020 | Join our virtual event to kick-off #Ramadan 2020! Please #StayatHome to #StaySafe and post a message/pic to #Fastinthe6 #ShareYourMeal",
"url": "https://t.co/0oNlec6ZmG",
"entities": {
"url": {
"urls": [
{
"url": "https://t.co/0oNlec6ZmG",
"expanded_url": "http://www.fastinthe6.com",
"display_url": "fastinthe6.com",
"indices": [
0,
23
]
}
]
},
"description": {
"urls": []
}
},
"protected": false,
"followers_count": 288,
"friends_count": 278,
"listed_count": 4,
"created_at": "Mon May 08 03:11:37 +0000 2017",
"favourites_count": 93,
"utc_offset": null,
"time_zone": null,
"geo_enabled": false,
"verified": false,
"statuses_count": 202,
"lang": null,
"contributors_enabled": false,
"is_translator": false,
"is_translation_enabled": false,
"profile_background_color": "F5F8FA",
"profile_background_image_url": null,
"profile_background_image_url_https": null,
"profile_background_tile": false,
"profile_image_url": "http://pbs.twimg.com/profile_images/863911573580111878/im8WL4eb_normal.jpg",
"profile_image_url_https": "https://pbs.twimg.com/profile_images/863911573580111878/im8WL4eb_normal.jpg",
"profile_banner_url": "https://pbs.twimg.com/profile_banners/861418280724164608/1587606431",
"profile_link_color": "1DA1F2",
"profile_sidebar_border_color": "C0DEED",
"profile_sidebar_fill_color": "DDEEF6",
"profile_ text_color": "333333",
"profile_use_background_image": true,
"has_extended_profile": false,
"default_profile": true,
"default_profile_image": false,
"following": false,
"follow_request_sent": false,
"notifications": false,
"translator_type": "none"
},
"geo": null,
"coordinates": null,
"place": null,
"contributors": null,
"is_quote_status": false,
"retweet_count": 10,
"favorite_count": 20,
"favorited": false,
"retweeted": false,
"possibly_sensitive": false,
"lang": "und"
},
"retweet_count": 7,
"favorite_count": 24,
"favorited": false,
"retweeted": false,
"possibly_sensitive": false,
"lang": "fr"
},
{
"created_at": "Thu Apr 23 23:34:42 +0000 2020",
"id": 1253467364378714112,
"id_str": "1253467364378714112",
"full_text": "Today marks the beginning of #Ramadan for Muslims in Canada and around the world. This year, families will gather for Iftar meals virt ually. Staying home will help stop the spread of COVID-19 and keep us all safe. Wishing a blessed month to everyone observing! #RamadanMubarak",
"truncated": false,
"display_text_range": [
0,
276
],
"entities": {
"hashtags": [
{
"text": "Ramadan",
"indices": [
29,
37
]
},
{
"text": "RamadanMubarak",
"indices": [
261,
276
]
}
],
"symbols": [],
"user_mentions": [],
"urls": []
},
"source": "<a href="http://twitter.com/download/iphone\" rel="nofollow">Twitter for iPhone",
"in_reply_to_status_id": null,
"in_reply_to_status_id_str": null,
"in_reply_to_user_id": null,
"in_reply_to_user_id_str": null,
"in_reply_to_screen_name": null,
"user": {
"id": 203132018,
"id_str": "203132018",
"name": "Chrystia Freeland",
"screen_name": "cafreeland",
"location": "Toronto, ON",
"description": "Deputy Prime Minister of Canada / vice-premi u00e8re ministre du Canada. Liberal MP for Universityu2014Rosedale. Proud mother of three.",
"url": "https://t.co/SvW93Ajaa6",
"entities": {
"url": {
"urls": [
{
"url": "https://t.co/SvW93Ajaa6",
"expanded_url": "http://www.chrystiafreeland.ca",
"display_url": "chrystiafreeland.ca",
"indices": [
0,
23
]
}
]
},
"description": {
"urls": []
}
},
"protected": false,
"followers_count": 175458,
"friends_count": 4540,
"listed_count": 2561,
"created_at": "Fri Oct 15 16:11:28 +0000 2010",
"favourites_count": 672,
"utc_offset": null,
"time_zone": null,
"geo_enabled": true,
"verified": true,
"statuses_count": 26836,
"lang": null,
"contributors_enabled": false,
"is_translator": false,
"is_translation_enabled": false,
"profile_background_color": "C0DEED",
"profile_background_image_url": "http://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_image_url_https": "https://abs.twimg.com/images/themes/theme1/bg.png",
"profile_background_tile": false,
"profile_image_url": "http://pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_image_url_https": "https://pbs.twimg.com/profile_images/1110557601463521280/ce7uh8Gv_normal.png",
"profile_banner_url": "https://pbs.twimg.com/profile_banners/203132018/1585865736",
"profile_link_color": "DD2E44",
"profile_sidebar_border_color": "C0DEED",
"profile_sidebar_fill_color": "DDEEF6",
"profile_text_color": "333333",
"profile_use_background_image": true,
"has_extended_profile": false,
"default_profile": false,
"default_profile_image": false,
"following": false,
"follow_request_sent": false,
"notifications": false,
"translator_type": "none"
},
"geo": null,
"coordinates": null,
"place": null,
"contributors": null,
"is_quote_status": false,
"retweet_count": 74,
"favorite_count": 351,
"favorited": false,
"retweeted": false,
"lang": "en"
}

[kawa89]

@ercadev You are probably not on the latest tweet_ui library version. There was a breaking change from version 2.0.0 - check the Changelog ;-)

[kawa89]

@ayang99 Bug confirmed. Fix on the way ;)

[kawa89]

@ayang99 I could not reproduce the problem that you have. I've added a new page in the example app called Bug Page. There you can find the Github #32 1st example and Github #32 2nd example buttons. Also, check the JSON files example/assets/tweet_examples/tweet_bug_gh32_1st.json and example/assets/tweet_examples/tweet_bug_gh32_2nd.json which are the two Tweets that you provided. Check if there are any differences in my JSON files compared to yours.

@ayang99 Fixed from version 2.2.0

@ercadev Version 2.2.0 contains also some code related to Text widget overflow, so you should not see the rendering overflow information.

Closing for now. If you spot any weird looking Tweets, create an issue ;)