gpt4 book ai didi

flutter - 如何在 TextSpan 中 backrgroundColor full?

转载 作者:行者123 更新时间:2023-12-05 05:36:10 31 4
gpt4 key购买 nike

How to Add divider onEnter TextSpan and why backrgroundColor not full?

Widget richText() {
return Positioned(
top: h / 1.9,
right: w / 4.9,
child: Material(
color: Colors.transparent,
child: Container(
padding: const EdgeInsets.only(left: 8, right: 0),
margin: const EdgeInsets.all(0),
color: Colors.transparent,
width: wA / 1.365,
height: hA / 2.3,
child: RichText(
softWrap: true,
textScaleFactor: 1,
textAlign: TextAlign.justify,
textDirection: TextDirection.rtl,
text: TextSpan(
style: GoogleFonts.notoNaskhArabic(
fontWeight: FontWeight.bold,
wordSpacing: 0.05,
letterSpacing: 0.05,
height: 2.2,
fontSize: 24,
color: Colors.black,
),
children: [
for (int u = 0; u < _items.length; u++)
(u) > 0
? TextSpan(
style: TextStyle(
backgroundColor: (indexBackground) == u
? Colors.amber
: Colors.transparent),
children: [
TextSpan(
style: TextStyle(
backgroundColor: (indexBackground) == u
? Colors.amber
: Colors.transparent),
text: _items[u]['text'],
recognizer: LongPressGestureRecognizer()
..onLongPress = () {
indexBackground = u;
setState(() {});
},
),
const WidgetSpan(
alignment: PlaceholderAlignment.middle,
child: SizedBox(width: 3),
),
WidgetSpan(
alignment: PlaceholderAlignment.middle,
child: waqaf(u + 1),
),
const WidgetSpan(
alignment: PlaceholderAlignment.middle,
child: SizedBox(
width: 8,
),
),
],
)
: const TextSpan(),
],
),
),
),
),
);
}

如何解决?

我已将 Container 的外边框和填充设置为 0,但它不像下面的代码那样工作。我也尝试过使用 widgetSpan 来放入文本,但文本变得很乱。为什么不在 TextSpan 中填充完整的 colorBackground?因为,我的代码不起作用。这张照片就是结果。

最佳答案

添加额外的空格将有助于 text: "${_items[u]['text']} ",

TextSpan(
text:"${_items[u]['text']} ",
style: TextStyle(
backgroundColor: (indexBackground) == u
? Colors.amber
: Colors.transparent),
recognizer: LongPressGestureRecognizer()

似乎文本没有足够的填充。

如果您喜欢更多,请使用带有容器填充和 bg 颜色的 WidgetSpan

关于flutter - 如何在 TextSpan 中 backrgroundColor full?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73341148/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com