如何在Flutter中丢弃FlatButton中的填充？
在Flutter中丢弃FlatButton中的填充可以通过自定义按钮的样式来实现。以下是一种可能的方法：
- 创建一个自定义的FlatButton，继承自原始的FlatButton组件。
class CustomFlatButton extends FlatButton {
const CustomFlatButton({
Key key,
@required VoidCallback onPressed,
ButtonTextTheme textTheme = ButtonTextTheme.normal,
Color textColor,
Color disabledTextColor,
Color color,
Color disabledColor,
Color focusColor,
Color hoverColor,
Color highlightColor,
EdgeInsetsGeometry padding,
ShapeBorder shape,
Clip clipBehavior,
MaterialTapTargetSize materialTapTargetSize,
@required Widget child,
}) : super(
key: key,
onPressed: onPressed,
textTheme: textTheme,
textColor: textColor,
disabledTextColor: disabledTextColor,
color: color,
disabledColor: disabledColor,
focusColor: focusColor,
hoverColor: hoverColor,
highlightColor: highlightColor,
padding: padding,
shape: shape,
clipBehavior: clipBehavior,
materialTapTargetSize: materialTapTargetSize,
child: child,
);
@override
Widget build(BuildContext context) {
return super.build(context);
}
}- 在
CustomFlatButton的build方法中，将FlatButton的默认填充设为零，并设置按钮的最小尺寸为0。
@override
Widget build(BuildContext context) {
final EdgeInsetsGeometry defaultPadding = ButtonTheme.of(context).padding;
return ButtonTheme(
padding: EdgeInsets.zero,
minWidth: 0,
child: FlatButton(
onPressed: onPressed,
textTheme: textTheme,
textColor: textColor,
disabledTextColor: disabledTextColor,
color: color,
disabledColor: disabledColor,
focusColor: focusColor,
hoverColor: hoverColor,
highlightColor: highlightColor,
padding: padding ?? defaultPadding,
shape: shape,
clipBehavior: clipBehavior,
materialTapTargetSize: materialTapTargetSize,
child: child,
),
);
}这样，你就可以使用CustomFlatButton代替原始的FlatButton，并且它将没有任何填充。
示例用法：
CustomFlatButton(
onPressed: () {
// 处理按钮点击事件
},
child: Text('按钮'),
),这是一种在Flutter中丢弃FlatButton填充的方法，可以根据具体需求进行调整和定制。如果需要了解更多关于Flutter的信息，可以访问腾讯云的Flutter相关产品和文档：
相关·内容
如何在flutter上使buttonBar上的填充/间距更小？mon、tue、wed、清华左右的空格是什么？
FlatButton _dayBar(String text) {
return FlatButton(
child: Text(
text,
style: TextStyle(
color: Colors.white,
fontSize: 12,
),
),
co
浏览 0提问于2020-01-31得票数 0
我一直在flutter中编写这个按钮栏，它总是在两个按钮之间保留额外的空间。已尝试填充、TapTargetSize，但都不起作用。你知道为什么吗？
这是我的代码
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
FlatButton(
materialTapTargetSize: MaterialTapTargetSize.shrinkWr
浏览 2提问于2019-05-26得票数 0
我有一个名为testWidget的小部件，它有两个子部件:一个TextField和一个FlatButton。
当用户按下FlatButton时，我想对输入的TextField文本做一些处理。代码如下：
class TestWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
String textVal = '';
return Scaffold(
appBar: AppBar(
title: Text('Test
浏览 30提问于2019-11-23得票数 1
我想在水平的FlatButton中得到ListView的宽度，但是我只能得到Width: Infinity。
我可以成功地在孤立的FlatButton中获得宽度，但是当FlatButton在ListView中时，我不能，但我不知道为什么。当FlatButton在ListView内部时，你能帮我得到它的宽度吗？
谢谢。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter App'),
浏览 6提问于2020-01-07得票数 0
回答已采纳
我正在尝试将我的FlatButton迁移到TextButton。因为自从我升级了flutter版本后，FlatButtons就被弃用了。我目前正在努力调整背景颜色。
旧按钮：
FlatButton(
height: height,
onPressed: onPressed,
shape: baseButtonBorder,
color: Colors.red,
child: Text(label, style: TextStyle(color: fontColor, fontWeight: boldLabel ?
浏览 1提问于2021-03-09得票数 24
回答已采纳
当我用颤音构建我的应用程序时，我面临的问题是，我做的一切看起来都很好，我有文档，向我展示了所有的东西，所以每一步都是好的。
但是当我试图构建我的应用程序时，它会给我带来这些错误，我该怎么办呢？
lib/src/pages/all_provider.dart:179:43: Error: The method 'FlatButton' isn't defined for the class '_AllProviderState'.
- '_AllProviderState' is from 'package:multisupers
浏览 7提问于2022-09-15得票数 0
当我在flutter应用程序中使用嵌套导航器时，我正在尝试更新web URL。 具有一个导航到/sub路由的FlatButton的默认路由/。然后在_generateSubRoute -> /second上 这是我的例子： import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return
浏览 10提问于2020-04-02得票数 8
1回答
在构建apk时，我得到了以下问题：
/C:/flutter/flutter/.pub-cache/hosted/pub.dartlang.org/win32-2.3.3/lib/src/structs.g.dart:661:31:错误:未找到成员：'UnicodeChar‘。int get UnicodeChar => Char.UnicodeChar；^UnicodeChar错误:没有找到Setter：'UnicodeChar‘。设置UnicodeChar(int值) => Char.UnicodeChar = value；^UnicodeChar错误:未找到成员
浏览 5提问于2022-08-07得票数 0
我得到了这些错误，不知道如何修复它们。
../AppData/Local/Pub/Cache/hosted/pub.dartlang.org/flutter_platform_widgets-1.20.0/lib/src/platform_button.dart:269:14: Error: The method 'FlatButton' isn't defined for the class 'PlatformButton'.
- 'PlatformButton' is from 'package:flutter_platfo
浏览 67提问于2022-09-15得票数 4
我正在试着在Flutter中创建一个自定义的Housie游戏票证生成器，在其中我必须从一个4X3的按钮表中随机选择一个按钮，并显示一个否。在那个按钮上。单击该按钮时，它的颜色从绿色变为红色。
我已经通过硬编码所有单元格创建了一个4X3的按钮表格，如下所示。现在，我想从表格中随机选择一些按钮，并在它们上设置一个onPressed函数。我该如何继续呢？
body: new Container(
child: new Table(
border: TableBorder.all(),
children: [
TableRow(
浏览 0提问于2019-02-17得票数 3
我只是在尝试一个我在网上看到的源代码，我想对它进行测试，但是由于对小部件的新更新，它给我带来了多个错误。
我试图运行和执行的源代码是：
运行应用程序时显示的错误如下：
lib/screens/login_screen.dart:52:12: Error: The method 'showSnackBar' isn't defined for the class 'ScaffoldState'.
- 'ScaffoldState' is from 'package:flutter/src/material/scaffold.da
浏览 6提问于2022-09-19得票数 0
回答已采纳
3回答
我有一个旧的Flutter项目，是在flutter 1.22.5上做的，因为我把flutter更新到了2..许多像FlatButton这样的类已经被弃用了。有没有什么捷径可以将所有不推荐使用的类转换为更新的类？
浏览 4提问于2021-03-16得票数 0
1回答
我成功地将一个图像保存到图库，在我的颤振项目中使用save_in_gallery: ^0.1.3包。
完成后，我将显示一个对话框，询问用户是否想打开该文件。
如何从“打开”'Flutter Images' FlatButton打开FlatButton文件夹？
(我需要打开文件夹，因为您不能在iOS中命名您的图像文件，然后我希望用户打开该文件夹并查看保存的所有图像)
await ImageSaver().saveImages(
imageBytes: [pngBytes], directoryName: 'Flutter Images').then
浏览 3提问于2020-01-30得票数 0
我正在尝试让飞溅与我的容器的形状相匹配，该容器的子级为FlatButton。 按下时，开机画面当前填充不同的形状，如下所示： ? 我的小部件代码如下： import 'package:flutter/material.dart';
class RoundedButton extends StatelessWidget {
const RoundedButton( {this.buttonColor, this.buttonTitle, @required this.onPressed});
final Color buttonColor;
final S
浏览 21提问于2020-04-04得票数 2
回答已采纳
开发一个带有Flutter的应用程序，我不能停用FlatButton的默认声音(和动画)。 我在官方的https://api.flutter.dev/flutter/material/FlatButton-class.html文档里找不到任何关于那个声音的文档。 我试过MaterialButton和RawMaterialButton，但它有相同的声音和动画... 感谢您的任何帮助
浏览 16提问于2019-06-16得票数 1
回答已采纳
如何在flutter中创建具有2种颜色的Flatbutton？不是渐变，而是并排的2种纯色。 ?
浏览 68提问于2020-03-16得票数 0
我运行了一个颤动升级，它在我的一个布局上造成了倒退。 代码如下： Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
FlatButton(
child: Icon(
Icons.remove,
color: Colors.black,
),
onPressed: () {
setState((
浏览 22提问于2019-04-30得票数 1
我想在按下FlatButton时改变颜色。谢谢你的帮助。 import 'package:flutter/material.dart';
class ButtonCalculate extends StatelessWidget {
@override
Widget build(BuildContext context) {
var container = Container(
decoration: BoxDecoration(gradient: null,
borderRadius: BorderRadius.circular(20.0),
//color
浏览 7提问于2019-03-28得票数 0
回答已采纳
当页面加载时，我试图显示一个对话框。我有当按钮被点击时被调用的对话框，我尝试过使用相同的技术，但是我得到了不同的错误。
下面是我代码的开头部分：
class SelectAccount extends StatelessWidget {
final globalKey = GlobalKey<ScaffoldState>();
@override
Widget build(BuildContext context) {
return ScopedModel(
model: userModel,
child: ScopedModel
浏览 4提问于2020-12-20得票数 1
回答已采纳
我有两个连续的FlatButtons。行是一列，它依次位于用于填充屏幕的容器中。这个容器有right:20和left:20的填充。我希望我的按钮从左到右分别为20英寸和20英寸，以保持所有内容在我的列中对齐。我知道FlatButton小部件有默认的填充，我已经尝试了这个question中的解决方案，将按钮更改为GestureDectectors小部件可以进行对齐，但用户体验不是很好，单击的区域可能太小了。理想情况下，我希望根据按钮的不同，在左侧/右侧移除FlatButton的填充。以下是我的代码 Row(
mainAxisAlignment: MainAxisAlignment.spaceB
浏览 63提问于2019-03-08得票数 3
1回答
我有一个描述为“labelText”的TextField小部件。 我正在尝试使此TextField具有与FlatButton小部件相同的样式 我正在读有关使用copyWith的文章，但我不完全理解如何使用它。 我也在看https://github.com/flutter/flutter/blob/master/packages/flutter/lib/src/material/flat_button.dart，但我不认为这能解释太多 return TextField(
style: TextStyle(),
onChanged: _bloc.changeEventDescriptio
浏览 28提问于2019-04-16得票数 0
2回答
url_launcher包()似乎不适用于Flutter for Web。下面的代码打印“测试url1”，但之后不会发生任何事情。
我如何在Flutter for Web中实现类似mailto:的功能，这会导致默认的电子邮件应用程序打开时带有预先填充的“收件人：”电子邮件地址？
FlatButton(
onPressed: _mailto, //() => {},
padding: EdgeInsets.all(3.0),
child: _contactBtn(viewportConstraints),
)
_mailto() async {
const ur
浏览 0提问于2019-11-05得票数 6
我想创建一个带有图像的FlatButton，在Flutter中打开WebView中的特定网址。 我怎样才能做到这一点呢？任何帮助都将不胜感激。
浏览 10提问于2019-12-28得票数 0
回答已采纳
我正在学习如何使用intro_slider包在Android中创建intro_slider屏幕，并在网上看到了源代码。然而，当我尝试执行它们时，它会给我带来许多错误。请帮帮忙。以下是显示的错误：
Try correcting the name to the name of an existing method, or defining a method named 'FlatButton'.
return FlatButton(
^^^^^^^^^^
FAILURE: Build failed with an exceptio
浏览 12提问于2022-09-16得票数 0
回答已采纳
我正在使用charts_flutter包绘制条形图。在此包中，您可以点击图表的条形图。但是，我有一个FlatButton作为其父部件。我想按条形图上的任意位置并运行父FlatButton的onPressed()函数。
示例代码：
FlatButton(
child: BarGraph(this.data),
onPressed: () {
_changeGraphType();
},
)
有没有办法从孩子身上去掉“媒体能力”？
浏览 0提问于2020-05-19得票数 0
2回答
在Flutter中，我在卡片上放置两个按钮时遇到了一些麻烦。我有这样的经历：
但我想要的是：
我对这张卡的按钮的代码是：
new ButtonTheme.bar(
child: new ButtonBar(
alignment: MainAxisAlignment.start,
children: <Widget>[
Row(
children: <Widget>[
Column(
children: <Widget>[
浏览 14提问于2018-11-26得票数 5
回答已采纳
11回答
我是Flutter的新手，我正在尝试使用Dialog接收数据。当在textField中单击时，出现image2的错误...
show(BuildContext context){
var dialog = Dialog(
child: Container(
margin: EdgeInsets.all(8.0),
child: Form(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <W
浏览 2提问于2019-02-10得票数 63
我是新来的。我希望实现放置在屏幕底部的可滚动的水平按钮列表(例如，Instagram的效果列表)。下面的代码生成一个按钮列表，但是每个按钮的高度都会填充整个屏幕：
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar( title: Text("Sample App") ),
body: getEffectsWidget());
}
getEffectsWidget() {
return ListView(
浏览 3提问于2018-10-26得票数 2
回答已采纳
如您所见，我已经创建了两个FlatButton小部件，并将它们的状态设置为限制代码，即每次单击其中一个小部件时，它就会将颜色更改为红色。但我希望每次单击其中一个时，它们中只有一个会变成红色。我不是一个天才，因为我只是一个初学者，抱歉！
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
retu
浏览 10提问于2020-02-04得票数 0
回答已采纳
2回答
我正在将我的应用程序从Kotlin重写为Flutter，但我需要有关Flutter小部件的帮助。 我试图在Flutter中重新创建我在Native Kotlin fro中的布局，但我正在为简单的事情而苦苦挣扎。 这是我在Kotlin中做的原始布局： ? 这是我在Flutter中几乎做过的布局： ? 我想要的图像是从左到右拉伸所有的方式，就像在Kotlin布局。 我还希望文本"Wybierz kupon“位于中心。 如果Flutter的Container小部件有孩子，我就能做到这一点。 有没有人能帮我？ Flutter中的代码： import 'package:flut
浏览 13提问于2019-09-11得票数 0
回答已采纳
这是错误：
I/flutter ( 736): ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞═════════════════════════════════════════════════════════
I/flutter ( 736): The following assertion was thrown during performResize():
I/flutter ( 736): Horizontal viewport was given unbounded height.
I/flutter ( 736): Viewports
浏览 0提问于2018-04-11得票数 21
回答已采纳
1回答
我是一个datatable，从api中插入数据行，并添加编辑图标。因此，当我单击编辑图标时，会出现一个弹出对话框，它有3个文本字段，日期、时间和超时，所以当用户按时输入文本时，它应该发送api主体，但当我这样做时，它会给我带来错误。
I/flutter (25853): date:TextEditingController#b256a(TextEditingValue(text: ┤├, selection: TextSelection(baseOffset: -1, extentOffset: -1, affinity: TextAffinity.downstream, isDirectio
浏览 0提问于2021-06-25得票数 0
回答已采纳
我正在尝试测试VoidCallback，所以我创建了主文件，该文件具有从小部件中的一个平面按钮调用的函数，该函数位于一个单独的文件中，但没有工作。
main.dart
import 'package:flutter/material.dart';
import 'controller_test.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 1提问于2018-12-22得票数 5
回答已采纳
所以我想知道当我关闭AlertDialog时使用的命令
FlatButton(
child: Text('Okay'),
onPressed: () {
Navigator.of(context).pop();
},
),
.of()到底做了什么？我在flutter开发文档中找不到任何东西(可能是因为我错过了正确的搜索词)。
有人能解释一下那里发生了什么吗？
浏览 0提问于2020-12-13得票数 1
2回答
我使用AlertDialog来通知用户互联网的可用性。它一直工作得很好，直到我使用flutter upgrade命令升级了我的颤动。程序快照如下：
connectivitySubscription = Connectivity()
.onConnectivityChanged
.listen((ConnectivityResult connresult) {
if (connresult == ConnectivityResult.none) {
dialogshown = true;
showDialog(
浏览 2提问于2021-03-09得票数 2
在中，它正在播种完美，但是IPhone它没有从底部完全填充。请检查底部:底端导航栏代码. ** bottomNavigationBar: BottomAppBar In iphone它不能完全填充，从底部**我的代码是
import 'package:country_pickers/country.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:country_pic
浏览 14提问于2022-07-14得票数 2
在Flutter升级之后，"FlatButton“被弃用了，我不得不用TextButton来代替。我没有找到一个新的按钮类型的宽度和高度的解决方案。
这是我的工作FlatButton。我如何用textButton或elevatedButton解决这个问题？
_buttonPreview(double _height, double _width) {
return FlatButton(
onPressed: () { },
height: _height,
minWidth: _width,
color: Colors.gre
浏览 117提问于2021-03-26得票数 8
回答已采纳
1回答
我想要发送短信到我的flutter应用程序中的特定电话号码。我尝试了关于这个问题和github repos的所有flutter包，但我搞砸了，没有找到任何有用的源码。 这是我最后一次尝试的代码。 import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:sms/sms.dart';
void main() {
runApp(new MaterialApp
浏览 10提问于2020-07-10得票数 0
1回答
如何删除底部栏与屏幕底部之间的空白。我也尝试在底部容器中应用填充或边距，但它不起作用。请帮我解决这个问题。嘿，帮帮我，我害怕这个错误。这花了我大部分时间，但我解决不了。请帮帮我。
这是我的代码
import 'dart:ui';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/rendering.dart';
import 'package:provider
浏览 2提问于2020-08-15得票数 1
回答已采纳
我是Flutter的新手，当我按下按钮时，以下代码中的按钮没有显示任何按钮按下效果。我在模拟器和android设备上都尝试过。 代码如下： import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
b
浏览 12提问于2020-08-14得票数 0
回答已采纳
当我按下打开二维码相机的按钮时，我正试图打开相机来扫描二维码 它返回以下异常 E/flutter (15313): [ERROR:flutter/lib/ui/ui_dart_state.cc(177)] Unhandled Exception: MissingPluginException(No implementation found for method scanBarcode on channel flutter_barcode_scanner)
E/flutter (15313): #0 MethodChannel._invokeMethod (package:flutt
浏览 61提问于2021-01-24得票数 0
我正在试着在Flutter中做一个LoginPage。我只想把“服务条款.隐私政策”位于屏幕末尾的screen按钮。我试了很多方法，但似乎都不管用！ import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
浏览 12提问于2020-12-31得票数 1
回答已采纳
我目前正在构建的应用程序，我需要使用嵌套路由，保持一个相同的屏幕和路由在不同的一个。我想当第二条路径被弹出时，我可以更改展开的值来填充整个屏幕。。下面是代码示例：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext conte
浏览 2提问于2020-01-09得票数 1
2回答
我正在尝试获取列表，并尝试使用Expanded小部件，但得到了overflow错误
我的代码：
new Expanded(
child: StreamBuilder(
stream: Firestore.instance.collection('baby').snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) return const Text('Loading...');
retu
浏览 3提问于2018-06-23得票数 9
回答已采纳
我希望能够从另一个类控制在主页中查看的页面。我尝试使用全局键，但它不接受将控制器发送到另一个类，我创建了一个方法并尝试从第一个类控制它，但它仍然不起作用，并给出了这个错误 处理手势时抛出以下NoSuchMethodError : I/flutter (16262)：在null上调用了设置器'index=‘。I/flutter (16262)：接收器:空I/flutter (16262)：已尝试呼叫: index=1 这是我的家庭班级 import 'package:flutter/material.dart';
import 'package:flutter_
浏览 8提问于2019-06-15得票数 2
回答已采纳
我希望获得特定小部件的结构，以构建该小部件的树视图层次结构。例如，如果我有一个小部件，如：
@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: <Widget>[
Text("Pressed below button"),
FlatButton(
child: Text('Print'),
onPressed: (){},
),
浏览 3提问于2020-04-16得票数 1
4回答
我在一排中创建了两个容器，并希望它位于屏幕的中心，所以我为它使用了填充，但是它们更接近，我想在它们之间添加空间。这是输出的突然停止。
代码：
Padding(
padding: EdgeInsets.fromLTRB(40, 250, 30, 0),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
new Flexible
浏览 0提问于2021-08-09得票数 1
回答已采纳
2回答
嗨，我正努力实现这一目标
这是我的剧本
Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
Container(
child: FlatButton.icon(
onPressed: null,
icon: Icon(Icons.add),
label: Text("satu&#
浏览 0提问于2019-07-19得票数 0
回答已采纳
4回答
我试着打开警报，但是有错误，有什么问题吗？
未处理异常:没有找到MaterialLocalizations。MyApp小部件需要由本地化小部件祖先提供MaterialLocalizations。
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppSta
浏览 3提问于2019-12-19得票数 0
回答已采纳
1回答
有没有人能帮我破解我经常遇到的异常？我不确定下一步该怎么做，以便在面板扩展时修复溢出。我尝试过将它封装到一个灵活的小部件中，但似乎没有解决这个问题。
这里有一个显示错误的快速gif：
以下是我的例外：
flutter: ══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY
╞═════════════════════════════════════════════════════════
flutter: The following message was thrown during layout:
flutter: A RenderFlex overflowe
浏览 0提问于2018-08-05得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
