我正在使用 Wrap 小部件來解決我的溢位問題：
Wrap(
children: [
Text(subtitle, style: TextStyle(color: Color(COLOR_PRIMARY),fontSize: 12.5)),
Image(
image: AssetImage(
drinkNameToImage[widget.post.cocktail] as String),
width: 20,
height: 20,
)
],
),
當我的文本行沒有溢位時，一切正常，看起來像這樣
但是當該行溢位時，它看起來像這樣：
我想讓圖片緊挨著文字美國，我該如何解決？
uj5u.com熱心網友回復：
在您的Wrap小部件上，它有兩個Text和Image小部件，并且基于wrap性質它作業正常。因為當Text小部件占用全寬時，它最終會轉到下一行。
Text小部件占用第一兩行，因為它沒有足夠的空間，在United States文本之后，Text小部件覆寫了其余空間。您可以通過小部件檢查器檢查它，或者簡單地用容器小部件包裝并提供顏色。
在您的情況下，您需要使用RichText而不是Wrap.
RichText(
text: TextSpan(
children: [
TextSpan(
text: subtitle,
style: TextStyle(
//color: Color(COLOR_PRIMARY),
fontSize: 12.5),
),
WidgetSpan(
child: Image(
image: AssetImage(
drinkNameToImage[widget.post.cocktail] as String,
),
width: 20,
height: 20,
))
],
),
),
檢查以了解有關RichText 的更多資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/344841.html