5回答
我想在flutter中设置Textspan的圆角，我认为需要Paint类，但我想不出该怎么做。 ? import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: new A
浏览 49提问于2019-01-03得票数 6
3回答
属性在富文本小部件中有右、左、中和对齐，
在使用中间的时候，它给了我居中的文本，而没有证明它是正确的，而当使用对齐的时候，它给了我很好的证明。
这个代码：
RichText(
textAlign:TextAlign.center,
text:TextSpan(
children:[
TextSpan(text: 'مَثَلُهُمْ كَمَثَلِ ٱلَّذِى ٱسْتَوْقَدَ نَارًا فَلَمَّآ أَضَآءَتْ مَا حَوْلَهُۥ ذَهَبَ ٱللَّهُ بِنُورِهِمْ
浏览 9提问于2021-09-06得票数 2
1回答
我有一个像这样的文本跨度列表
var spans = [
TextSpan(text: content, style: style),
TextSpan(text: content, style: style)
//and 100 more
]
我是这样在SingleChildScrollView中加载这个的。
SingleChildScrollView(
controller: scrollController,
child: Text.rich(
TextSpan(children: spans),
浏览 6提问于2022-05-19得票数 0
回答已采纳
是否可以像下面的图像那样更改文本画图？我需要增加两条线，不需要旋转。
Container(
foregroundDecoration: const BadgeDecoration(
badgeColor: Colors.green,
badgeSize: 50,
textSpan: TextSpan(
text: '42',
style: TextStyle(color: Colors.black, fontSize: 10),
),
),
),
装饰
import 'package:flutter/material.
浏览 1提问于2020-06-01得票数 1
回答已采纳
我有一个很大的段落，很多单词都有工具提示信息。当您单击这些单词中的任何一个时，应该会出现工具提示消息。
我尝试使用RichText小部件，其中包含许多TextSpan子部件，如下所示：
RichText(
text: TextSpan(
children: <TextSpan>[
TextSpan(text: "Welcome to"),
TextSpan(text: "Flutter"),
...
]),
),
我需要显示工具提示文本，当我点击TextSpan时，我尝试用To
浏览 11提问于2020-02-24得票数 5
回答已采纳
4回答
如何在小部件中创建循环或if语句？似乎您只能创建一个单行条件，如: if (条件)，但是如果您尝试使用方括号:if(条件){}，则会出现错误。同样的事情会在循环中发生。
我希望能够：
RichText(
text: TextSpan(
text: 'Logg\n',
children: <TextSpan>[
if(condition){
TextSpan( text: 'Text1\n',),
TextSpan( text: 'T
浏览 10提问于2022-03-18得票数 1
回答已采纳
1回答
我正在尝试从下面的小部件中获取文本(卡路里)。
return Column(
children: <Widget>[
Row(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.end,
children: [
Flexible(
child: AutoSizeText.rich(
TextSpa
浏览 7提问于2022-01-20得票数 0
1回答
我有以下函数，在ListBody中，我映射列表值，其中有一个返回时间的时间参数。这包含不必要的数字，我想格式化它。
在其他正常的List情况下，我使用这个函数
var timeFormat = DateFormat("HH:mm");
String timetest = timeFormat.format(my_data);
我如何实现上面的函数来格式化下面的RichText中的时间，在这里，我从映射中将数据输入到TextSpan中，而不能将其构建为外部的var，然后调用它？
var mappedValues = ListBody(
children:
浏览 5提问于2022-03-05得票数 0
回答已采纳
我试图在文本中查找“@”，然后异步地为该标记收集一个displayName。我遇到的问题是，我的FutureBuilder一直返回null。
我所犯的错误是这个。
════════异常被小部件库════════捕获
下面的断言被抛出构建FutureBuilder(脏，状态：_FutureBuilderState#151f7)：生成函数返回null。
令人不快的小部件是: FutureBuilder构建函数绝不能返回null。
我的代码是：
Container(
width: double.infinity,
child: FutureBuilder(
initialData: Se
浏览 4提问于2021-03-24得票数 1
回答已采纳
我使用类似的东西在段落中有文本链接。
RichText(
text: TextSpan(
children: [
TextSpan(text: 'This is a going to be a Text which has '),
TextSpan(
text: 'single tap',
style: style,
recognizer: TapGestureRecognizer()
..onTap = () {
// single
浏览 4提问于2020-10-13得票数 7
回答已采纳
我想要的：
我想要创建一个按钮，就像TabBar();上的按钮，它就像带有下划线的ToggleButton()。
图片：
这个按钮的功能应该类似于ToggleButton(),
到目前为止我尝试过的：
ToggleButtons(
borderRadius: BorderRadius.zero,
children: [
RichText(
text: T
浏览 5提问于2021-01-29得票数 3
我在Scaffold中的中有一个普通的普通富文本小部件。我看不到它。我什么也看不见。调试工具显示富文本确实存在于小部件中(虽然我无法在其中看到TextSpans，但大概它们就在其中)。
Scaffold(body: Center(child:
RichText(
text: TextSpan(
text: 'Hello ',
style: DefaultTextStyle.of(context).style,
children: <TextSpan>[
TextSpan(text: 'bold&
浏览 0提问于2021-03-01得票数 3
我正在开发颤振应用程序，在这个应用程序中我使用TextSpan小部件来显示文本。但是，当我从方法TextSpan返回文本时，不会显示这个文本。
RichText(
text: TextSpan(
children: [
TextSpan(text:formatDate(comments[index].createdAt) +
" at " formatTime(comments[index].createdAt),
)
]
)
)
String formatDate(Stri
浏览 5提问于2019-10-18得票数 1
回答已采纳
如何重用InlineSpan类型的代码片段(例如TextSpan、WidgetSpan)。
例如,
Text.rich(
TextSpan(
children: [
WidgetSpan(...), // code I like to reuse
... // other stuff
],
),
)
当然，我可以编写一个函数，它给了我这个InlineSpan，如下所示：
InlineSpan myCustomWidgetSpan() {
return WidgetSpan(...);
}
从技术上讲，这是可以的，但是通常我通过创建一个类来重用
浏览 4提问于2020-03-19得票数 1
回答已采纳
我正在为RichText创建一个演示，其中我有一个文本和一个文本字段，
文本小部件显示一个字符串‘欢迎飘动’，我有一个文本字段，用于输入在该字符串中搜索单词。和一个显示搜索结果的按钮。
我几乎已经完成了准确的单词搜索，但现在我想实现它也应该是突出显示时，单词是一半输入，'Flut'，这4个字符应该以不同的颜色显示。
Widget build(BuildContext context) {
String mystring = 'Welcome to Flutter';
mywords = mystring.split(' ')
浏览 4提问于2022-11-14得票数 0
回答已采纳
不是在我的应用程序中看到我的图像，而是看到一个带有X的红色框，上面写着Unable to load asset: images/aboutmaggie.png.
我用子目录assets创建了一个目录images。目录assets与pubspec.yaml位于同一级别。
我将图像放到images目录中。当我点击Android中的图像时，图像会显示出来。
在pubspec.yaml中，我有以下几行：
flutter:
# The following line ensures that the Material Icons font is
# included with your
浏览 17提问于2022-01-20得票数 0
回答已采纳
2回答
我试图显示一个小部件onFinished倒数计时器，但我似乎无法使它工作。我增加了var reqPIN = false；
这是我的密码：
children [
Countdown(
seconds: 3,
build: (_, double time) =>
RichText(
text: TextSpan(
text: 'Reset PIN in ',
浏览 4提问于2022-02-12得票数 1
回答已采纳
1回答
我想做一个自定义的分页在颤振中刷。如果我想在分页中显示2个单词，而不是点或分数，任何人都可以告诉我一个更好的方法，就像在我的代码中一样，我不能在单击我的自定义分页时更改页面。
我的代码：-
Swiper(
controller: swiperController,
itemCount: 2,
itemBuilder: (context,index){
return index==0?A(context):B(context); //Here A and B are 2 pages to swipe betwee
浏览 2提问于2021-01-09得票数 0
回答已采纳
1回答
我几乎完成了我的应用程序的空白实现，但不幸的是，我一直遇到布局问题。
然而，当我不断地解决问题时，到目前为止，这是代码：
RichText(
text: TextSpan(
text: "dummy",
style: TextStyle(
color: Colors.white,
浏览 2提问于2020-05-19得票数 4
回答已采纳
使用Flutter WidgetTester，如何点击TextSpan，如下面的代码所示？
RichText(
text: TextSpan(
children: [
TextSpan(text: 'aaa '),
TextSpan(
text: 'bbb ',
recognizer: TapGestureRecognizer()
..onTap = () {
// How to reach this code in a widget test?
浏览 5提问于2020-02-16得票数 8
回答已采纳
1回答
如何使用小部件内的循环？
我希望能够：
RichText(
text: TextSpan(
text: 'Itemlist\n',
children: <TextSpan>[
for(i = 0; i< items.length; i++){
TextSpan( text: 'item' +i +': ',),
TextSpan( text: 'item[i].value' +i +'\n',),
}
]
)
重要的是，我可以在
浏览 2提问于2022-03-18得票数 0
回答已采纳
1回答
我以SVG文件和文本的形式在行中显示图像。
由于某些原因，svg图像呈现的速度比屏幕的其他部分慢，导致延迟，对用户体验不利。
这种延迟正常吗？我能做什么，使整个屏幕同时呈现？
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
SvgPicture.asset(
'lib/assets/muslim_coloc_logo.svg',
height: 40.0,
width: 40.0,
浏览 1提问于2021-03-30得票数 6
回答已采纳
1回答
我目前正在编写一个测试，以验证中的值、RichText中的值是否有效。
下面是我需要测试的小部件：
RichText(
key: ValueKey('RichTextKey'),
text: TextSpan(
text: 'Part 1 - ',
children: [
TextSpan(text: 'Part 2'),
],
),
);
因此，目前我找到了一种方法，但它似乎是不推荐的 :/
下面是我目前测试的方式(不推荐)：
final richText0Finder = find.byKey(
浏览 1提问于2021-01-25得票数 2
回答已采纳
1回答
我想要创建一个‘TextSpans’‘的列表。如果你按下一个词，这个词就会变。
例如：
这棵树看起来很棒， => onTapped ' tree‘字符串应该改为这棵树，看起来很棒的。
如果再次按下该按钮，则该值应更改为默认值：，此树看起来很棒，。
有什么可以做的吗？
class Satz extends StatefulWidget {
@override
_SatzState createState() => _SatzState();
}
class _SatzState extends State<Satz> {
String stri
浏览 3提问于2020-10-24得票数 0
回答已采纳
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),
浏览 4提问于2022-08-13得票数 3
回答已采纳
我希望跟踪一个按钮/扩展瓷砖被点击多少次。
我试着读了那些文档，但仍然无法理解它的概念。在颤振触发文档中，它声明通过调用logEvent方法来记录自定义事件。
await FirebaseAnalytics.instance
.logEvent(
name: 'view_product',
parameters: {
'product_id': 1234,
}
);
但是，如果它是一个扩展块小部件(如下面的代码)，或者甚至是一个按钮呢？当用户按下扩展贴片小部件/按钮时，我如何跟踪事件，并且事件将在我的中跟踪？(我已经
浏览 24提问于2022-02-17得票数 0
回答已采纳
Message Widget以RichText Widget作为子容器返回一个容器。如果RichText的内容超过了某个预定义的限制，例如100个字符，那么当点击"Read“时，我想添加尾随文本"Read”。我偶然发现了一个，它谈到了如何在TextSpan中使用CustomPainter。对于RichText，我需要类似的东西。
class Message extends StatelessWidget {
final Widget _content;
Message()
: this._content = Content(),
supe
浏览 3提问于2021-02-19得票数 0
回答已采纳
4回答
大家晚上好。我试图使用扩展在我丰富的文本，但无法实现。我的主要问题是小部件在不同的屏幕大小上会溢出，所以我需要一种如何实现扩展的方法，因为展开将帮助文本根据屏幕的大小进行调整。
代码：
Container(
width: double.maxFinite,
height: 100,
margin: const EdgeInsets.only(left: 150,top: 50),
child: Column(
crossAxis
浏览 8提问于2022-01-01得票数 0
回答已采纳
2回答
我需要突出显示“创建帐户”文本的附加图像，所以我使用“TapGestureRecognizer”。然而，我无法找到一种方法来改变屏幕上的“创建帐户”。请有人告诉我如何使用“TapGestureRecognizer”来改变屏幕，或者任何其他我可以用来实现相同目标的首选解决方案。
margin: const EdgeInsets.only(top: 25.0),
child: RichText(
text: TextSpan(
children: [
TextSpan(
text: ‘I do not have an
浏览 2提问于2021-05-26得票数 0
回答已采纳
1回答
在整个应用程序中，我使用一些RichText在文本之间切换颜色，并在两者之间显示小部件。
例如。
RichText(
text: TextSpan(text: 'text1', style: TextStyle(color: Colors.black),
children: [
WidgetSpan(alignment: PlaceholderAlignment.middle, child: SomeWidget()),
TextSpan(text: 'text2', style: TextStyle(color: Colors.blue),
浏览 5提问于2022-05-03得票数 0
我试图在文本溢出时使用带有省略号的RichText小部件，但是用最后一个单词的空格分隔点，如下所示：
"Lorem只是印刷的虚拟文本和
当正确的表格应该是这样的：
"Lorem只是印刷的虚拟文本和
这是代码：
Expanded(
child: RichText(
overflow: TextOverflow.ellipsis,
text: TextSpan(
style: DefaultTextStyle.of(context).style,
children: <TextSpan>[
Text
浏览 3提问于2020-01-02得票数 2
我在图片和下面的文字之间有一个很大的空白。
代码在图像和文本之间没有小部件。
children: <Widget>[
Image.asset('assets/images/maggie.png'),
RichText(
text: TextSpan(
children: <TextSpan>[
TextSpan(
text: '
浏览 10提问于2022-01-20得票数 1
回答已采纳
1回答
我试图从我的集合“课程”2字段中检索。课程代码和课程名称。检索时的问题是，我只检索了第一个字段。
builder: (context, snapshot) {
if (snapshot.hasData) {
return ListView.separated(
itemCount: snapshot.data!.docs.length,
separatorBuilder: (BuildContext context, int index) =>
Divider(
浏览 1提问于2021-10-23得票数 1
回答已采纳
我正在使用软件包在用户输入时向他们提供建议，我想要的是在用户在图片中输入建议时给这些建议着色。
下面是一个简单的示例，它正在尝试实现
Main.dart
import 'package:flutter/material.dart';
import 'package:flutter_typeahead/flutter_typeahead.dart';
import 'CitiesService.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidge
浏览 6提问于2021-05-30得票数 0
回答已采纳
我有一个ListBody，它有一个Text元素，然后是一个String，它由一个API返回。
比如..。
Destination: $destination
Destination: London
然而，如果它是更长的溢出是这样的。
Destination: London Paddington
Station
如何最好地确保如果文本足够长到需要一个新行，那么它会在String上缩进开头(即伦敦的'L‘是行内的)。
Destination: London Paddington
Station
ListBody(
children:
浏览 6提问于2022-03-01得票数 0
1回答
我尝试使用创建列表，但无法使列表滚动。如果有任何其他的库，我可以使用，或它是否有任何其他方式，使它滚动。这个版本的StaggeredGridList 0.6.1使成为不可滚动的、没有良好文档的。
还有谁能告诉我为什么我的自定义卡高度变差了？
import 'package:flutter/material.dart';
class DisplayCard extends StatelessWidget {
DisplayCard(
{this.profileImagePath,
this.captionText,
this.
浏览 12提问于2022-03-27得票数 0
回答已采纳
我想在我的颤音应用程序中使用。我安装了这个字体。但是当我尝试在TextSpan中使用它时，我看到的是单色表情符号而不是彩色表情符号。怎么修呢？
我的代码：
RichText(
text: TextSpan(
children: <TextSpan>[
TextSpan(text: "Some text ", style: GoogleFonts.roboto(
fontSize: 24,
color: Colors.black,
)),
TextSp
浏览 13提问于2022-01-07得票数 1
回答已采纳
1回答
我是新的发展，我是从过去3个月做的，我从来没有这样的问题，当我按下。
每当我按回和回到主屏幕屏幕重叠：
这是我的主屏幕代码：
class HomePage extends StatefulWidget {
@override
State<HomePage> createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
BannerAd _bottomBannerAd;
bool _isBottomBannerAdLoaded =
浏览 0提问于2022-03-08得票数 0
1回答
我试图添加一个可编辑的文本框到画布的颤振，这将弹出键盘一旦选择。
我使用自定义画家打印文本到画布(如下面的代码所示)。是否可以使此文本可编辑，或在特定偏移量处在画布上添加文本输入元素？
import 'package:flutter/material.dart' as Material;
class CanvasPainter extends Material.ChangeNotifier implements Material.CustomPainter {
..
void paint(Canvas canvas, Size size) {
Material
浏览 1提问于2018-05-30得票数 5
我需要使自定义小部件(颤振)，其中包含特定位置的文本。当我用TextPainter绘制文本时，我将TextAlign设置为中间。文本仍然用左对齐绘制。我做错了什么？
TextSpan span = TextSpan(style: TextStyle(color: Colors.white, fontSize: textSize), text: 'T');
TextPainter tp = TextPainter(text: span, textAlign: TextAlign.center, textDirection: TextDirection.ltr);
tp.layou
浏览 0提问于2019-03-25得票数 9
回答已采纳
3回答
每当我更改页面并返回时，api就会重新加载。我尝试过许多建议。如果你能帮忙我会很高兴的。
下面是我尝试过的方法：
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'models/Word.dart';
class WordListPage extends StatefulWidget {
浏览 1提问于2021-03-04得票数 2
回答已采纳
2回答
我有一个应用程序显示的内容卡与文字前面的背景图像。为了提高可读性，在文本和背景图像之间添加了一个模糊层。由于在构建小部件(或文本)之前获得其高度并不容易，所以我找到的解决这个问题的唯一方法(不使用回调或重绘)是LineMetrics。使用LineMetrics，我可以计算出文本所需的空间来绘制出正确大小的模糊层。
现在出现了一个问题:计算出的width属性LineMetrics有时不适合呈现的文本宽度。这是有问题的，在情况下，它会导致线中断，因为模糊的背景，然后不再涵盖整个文本区域。
我在做什么:在这个之后，我首先创建一个带有文本和样式的TextSpan，然后将它添加到TextPai
浏览 7提问于2020-05-16得票数 2
回答已采纳
我试图修改一个文本字段，以便可以在同一个文本字段中为特定的单词设置不同的颜色。例如，“我想要一个苹果”和“苹果”这个词应该是绿色的，其余的文字应该是黑色的。
这里有用于富文本编辑器(例如zefyr、extended_text_field)的库，但我也在堆栈溢出()上找到了一个AnnotatedEditableText示例。我喜欢最后一个解决方案(AnnotatedEditableText)，但我想使用TextField获得更丰富的功能，主要是无法在可读文本中工作的文本选择。
此外，当将expands: true设置为参数为TextField时，小部件将正确展开以填充该区域。当为Editable
浏览 6提问于2020-01-16得票数 5
回答已采纳
1回答
我有带页的标签。我需要添加的能力，以充分滚动页面。现在我有了一个单独的滚动列表，位于页面底部。但我需要能够滚动整页。我试图添加一个ListView，但它对我不起作用，并发生了一个错误，告诉我如何添加一个滚动？
return Container(
decoration: BoxDecoration(
color: constants.Colors.greyXDark.withOpacity(0.8),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
浏览 4提问于2022-09-07得票数 0
回答已采纳
如何使prefixIcon以labelText为中心。
return TextField(
decoration: InputDecoration(
labelText: "Test",
prefixIcon: GestureDetector(
onTap: () {},
child: Container(
color: Colors.red,
child: RichText(
textAlign: TextAl
浏览 13提问于2022-04-25得票数 0
回答已采纳
1回答
有人知道我的代码出了什么问题吗?因为我得到了黄色的下划线文本。这里是我的代码：
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: EdgeInsetsDirectional.fromSTEB(1
浏览 12提问于2022-11-29得票数 0
1回答
在这个中，他们说你可以使用手势识别器在你的TextSpan中创建一个可点击的链接，但是我在RichText的官方文档和一般的互联网上没有找到任何例子。有人能解释一下怎么做吗？
浏览 2提问于2020-08-12得票数 0
回答已采纳
如果这些链接是通过JSON获取的，那么有什么方法可以让它们在颤振中点击呢？我的意思是，我可以看到我的链接有一个不同的颜色，但当我试图点击它，什么都没有发生。在仿真器上试用，还没有发布应用程序。
杰森：
"content": {
"rendered": "<p>Absolutely great movie <a href="test">Test</a>!</p>\n"},
我需要确保“测试”是可点击的，并将我发送到我的应用程序中的帖子。
这是内容JSON文件：
class Cont
浏览 18提问于2022-08-16得票数 0
在颤振中，您可以在AppBar小部件中使用 shape 属性来自定义形状，但是SliverAppBar小部件中缺少此属性。
AppBar(
title: Text('Hello'),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.vertical(
bottom: Radius.circular(30),
),
),
),
如何使圆角在SliverAppBar中实现
浏览 1提问于2019-04-24得票数 15
我试图使用TapGestureRecognizer在TextSpan上添加auth页面之间的导航。所有内容都已设置，但单击的文本仍未导航到首选页面。
我使用TapGestureRecognizer的登录ui的一部分：
RichText(
text: TextSpan(
text: 'No account',
style: TextStyle(color: Colors.black),
浏览 8提问于2022-11-29得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
