在Flutter中具有溢出文本的FlatButton.icon
在Flutter中，FlatButton.icon是一个带有图标和文本的扁平化按钮组件。当文本内容过长时，可以使用溢出文本的方式来展示。
溢出文本是一种在文本内容超出可显示范围时，自动省略多余部分并以省略号（...）表示的技术。它可以确保文本在有限的空间内完整显示，并提供更好的用户体验。
FlatButton.icon组件的主要属性包括：
- icon：用于显示在按钮旁边的图标，可以是内置图标或自定义图标。
- label：按钮的文本标签。
- onPressed：按钮被点击时触发的回调函数。
优势：
- 提供了一种简洁、扁平化的按钮样式，适用于现代化的用户界面设计。
- 可以同时显示图标和文本，提供更丰富的按钮表现形式。
- 支持溢出文本，确保文本内容在有限空间内完整显示。
应用场景：
- 在需要显示图标和文本的按钮场景中，例如登录按钮、提交按钮等。
- 当按钮的文本内容可能超出按钮宽度时，可以使用溢出文本来保证内容的完整性。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和服务，其中与Flutter开发相关的产品包括：
- 腾讯云移动应用开发平台（https://cloud.tencent.com/product/madp）：提供了一站式的移动应用开发解决方案，包括Flutter开发工具和云服务支持。
- 腾讯云移动推送（https://cloud.tencent.com/product/tpns）：提供了高效可靠的消息推送服务，可用于向Flutter应用的用户发送通知和消息。
- 腾讯云对象存储（https://cloud.tencent.com/product/cos）：提供了安全可靠的对象存储服务，可用于存储Flutter应用中的图片、音视频等多媒体资源。
以上是腾讯云提供的一些与Flutter开发相关的产品，可以根据具体需求选择适合的产品来支持Flutter应用的开发和部署。
相关·内容
2回答
在Flutter中具有溢出文本的FlatButton.icon
flutter、dart
我想用溢出的Text做一个FlatButton。为了显示小部件框，我在一些小部件周围放置了Container。onPressed: () {}, ), ), );
为了解决溢出错误并在溢出的>[ const SizedBox(width: 8.0), ],因此，我
浏览 31提问于2020-02-13得票数 4
2回答
如何展开图标按钮？
flutter
然后我尝试将SizeBox.expand用于我的FlatButton.icon，但它给我带来了一个错误。这是错误
I/颤振( 5643)：呈现库╞═════════════════════════════════════════════════════════I/flutter (5643)捕获的══╡异常:在performLayout()：I/颤振(5643)期间抛出以下断言: BoxConstraints强制具有无限宽和无限高。I/颤振( 5
浏览 0提问于2019-07-19得票数 0
回答已采纳
1回答
带有文本省略号的FlatButton溢出
flutter、layout、flutter-layout、ellipsis
当FlatButton的文本溢出时，我尝试使用省略号。}
return Row( Flexible( onPressed: (
浏览 11提问于2020-05-28得票数 0
回答已采纳
2回答
如何做列表元素的随机生成器？
flutter、dart、flutter-state
];
Text(quotes[_index]), Center(child: Container(
浏览 27提问于2020-09-03得票数 2
回答已采纳
8回答
如何在按钮右侧添加图片/图标？
flutter、flutter-layout、flutter-widget
这些天，我正在为Android平台开发flutter移动应用程序。我想添加一个带有图标/图像文本的按钮。该图像必须位于按钮文本的右侧。 我已经在这里附上了图片。 ? 这是我的代码。child: FlatButton.icon(
icon: Image.asset("images/notesicon.png", width: 20.0,height: 20.0,),
浏览 265提问于2019-05-31得票数 5
回答已采纳
2回答
ListView中的按钮溢出
dart、flutter
我有一个基本的Listview，其中一个FlatButton是它的子级。当按钮文本非常大时，它会溢出。See image. 我如何处理带有省略号(或其他)的溢出？BuildContext context) { body: ListView( FlatButton.icon
浏览 13提问于2019-01-15得票数 0
回答已采纳
1回答
无法在TabBar中显示选项卡视图，并无法链接内容
flutter
我需要一些在我的代码中实现TabView的帮助。我创建了两个独立的类，一个使用我的defaultTabController和TabBar，另一个使用TabView。在我的Scaffold中，我只能让它显示我的TabBar，但我无法弄清楚如何将内容链接到选项卡。任何帮助都将不胜感激！import 'package:anestesi_v1/shared/drawer.dart';
浏览 6提问于2020-10-13得票数 0
回答已采纳
3回答
颤振-推近底部的FlatButton
flutter、dart
我想把flatbutton.icon推到底部，而不是在bottomNavigationBar。我也想使它的动态，以便我可以添加更多的垂直按钮，如果需要。color: Colors.white), delay: delayedAmount + 1000,
),FlatButton.icon
浏览 3提问于2019-10-30得票数 1
回答已采纳
1回答
有没有一种方法可以根据Flutter中的可用空间自动调整Table小部件的行高？
flutter、flutter-layout、flutter-text
我一直在尝试使用table小部件在Flutter中创建一个表，并将其展开到屏幕底部，而不必滚动来查看整个表。但是，文本小部件似乎强制行具有特定的高度，从而导致最后一行溢出。有趣的是，Table所在的扩展小部件不会溢出屏幕，因此即使Table溢出了展开的小部件，也不会显示错误消息。相反，似乎Table在扩展的小部件中</e
浏览 44提问于2020-05-06得票数 0
回答已采纳
我想创建一个有3个FlatButton.icon的persistentFooterButtons，让它均匀地占据整个屏幕的宽度，并根据不同的屏幕大小进行自定义。MediaQuery.of(context).size; Container( width: screenSize.width /3 , child: FlatButton.iconnull, icon: Icon(Icons.search),
浏览 26提问于2019-03-08得票数 0
2回答
如何从颤振中的状态类访问根类中的方法
callback、dart、flutter
我的省道文件中有三个类：ExpandableListView是有状态的，_ExpandableListViewState是其父(ExpandableListView).的状态类。我需要从_ExpandableListViewState.访问CardMgmt中的一个方法import 'package:flutter/foundation.dart'
浏览 2提问于2019-02-10得票数 1
回答已采纳
3回答
如何正确管理颤振应用中的全球textScaleFactor？
flutter、dart、font-size
颤振应用程序对系统大文本做出反应，使得所有文本小部件都非常大。我希望限制文本小部件的textScaleFactor，但我希望在全局范围内这样做，而不是在我使用的每个文本小部件中。现在，在启用大文本之后，我得到了一些异常，如
flutter:呈现库╞═════════════════════════════════════════════════════════flutte
浏览 6提问于2019-05-08得票数 17
回答已采纳
1回答
如何在firebase Flutter中注销Google auth？
firebase、flutter、dart、firebase-authentication
这些是我在flutter中使用firebase身份验证的登录和注销功能，标志工作正常，但是注销不起作用，我试图在调试控制台中打印“注销文本”并打印它，但是导航到SignIn页面部分不起作用。await _auth.signOut(); print('signed out');
浏览 12提问于2020-09-07得票数 0
2回答
Flutter可变文本在列中溢出
flutter、text、overflow
我正在创建一个列表磁贴，其中有一个从互联网上下载的领先图像。图像可以是风景或肖像。基于可用于标题文本更改的图像大小空间。现在我得到了溢出错误的较长的标题文本。
浏览 36提问于2020-08-01得票数 2
回答已采纳
3回答
Flutter:如何修复行中的溢出？
flutter、row、overflow
我在DropdownMenuItem中有一个Row，但是当它里面的一个部分变得很长时，我就会溢出。 截图如下： ? 代码是这样的： Row( Padding(), ), 我希望它看起来像是，在左边的图像总是显示以及在右边的图标然后，中间<em
浏览 50提问于2021-02-07得票数 0
回答已采纳
2回答
图标的onPressed不被呼叫？
flutter、flutter-layout
看起来，如果我把一个FlatButton.icon放在body of a Scaffold下面，那么它的onPressed几乎就不会被调用？是否有与FlatButton.icon的onPressed调用相关的bug？以下是我的代码：import 'package:flutter/material.dart';
runApp(MyApp());
}Stat
浏览 7提问于2020-12-28得票数 1
回答已采纳
4回答
如果文本溢出，则将其替换
text、flutter、flutter-layout
我想知道在Flutter中是否有一种方法可以在原始文本溢出时显示替代文本。默认情况下，我会显示完整的日期：January 1, 2019。但是，如果我在一个小屏幕上，它会溢出(January 1...)，我想显示一个不同的字符串(1/1/2019)。
浏览 126提问于2018-06-03得票数 5
回答已采纳
1回答
使fluttertext在一行中增长，直到达到最大宽度，然后溢出
flutter、flutter-layout
我想在flutter中创建下一个行为，但我不知道如何创建。如果一个文本与其他元素在一行中，则该文本的长度可以是可变的。并且行中的文本空间应该容纳在行中，除非文本空间大于行中的剩余空间，否则文本应该使用文本溢出选项之一。这是一个行为图，带有省略号类型的
浏览 50提问于2020-10-04得票数 0
回答已采纳
2回答
返回firebase flutter中集合的计数数时出错？
firebase、flutter、dart、google-cloud-firestore
我正在开发一个管理应用程序，因为我累了返回的用户数量从firebase，我得到了一些帮助从堆栈溢出，并能够打印在终端上，但它返回null上的应用程序可以有人帮助me.this我的代码 children: <Widget>[ child: FlatButton.iconlabel: Text('Dashboard
浏览 0提问于2019-12-12得票数 1
2回答
在颤振中没有上下文的切换屏幕
flutter
现在，我希望能够导航到一个新的屏幕，当我单击下一个屏幕时，它会将我发送到PostData()，而在app_bar.dart中。app_bar.dart：import 'package:get/get.dart'; backgroundColor: Colors.green,
eleva
浏览 1提问于2020-09-28得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
