Flutter:按钮周围的SizedBox损坏文本对齐方式
Flutter是一种跨平台的移动应用开发框架，它可以帮助开发者快速构建高性能、美观的移动应用程序。Flutter使用Dart语言进行开发，具有丰富的UI组件和强大的渲染引擎，可以在iOS和Android等多个平台上运行。
在Flutter中，SizedBox是一个用于调整子组件尺寸的小部件。它可以通过设置width和height属性来指定子组件的宽度和高度。当SizedBox作为按钮的父级小部件时，可以使用它来调整按钮的大小。
关于按钮周围的SizedBox损坏文本对齐方式的问题，可能是由于SizedBox的尺寸设置不当导致的。为了解决这个问题，可以尝试以下几种方法：
- 调整SizedBox的尺寸：根据实际需求，适当调整SizedBox的width和height属性，确保按钮周围的SizedBox不会影响文本的对齐方式。
- 使用其他布局小部件：除了SizedBox，Flutter还提供了其他布局小部件，如Container、Padding等，可以用来调整子组件的尺寸和边距。尝试使用这些小部件来替代SizedBox，看是否能够解决文本对齐问题。
- 检查按钮样式：有时，按钮的样式设置可能会导致文本对齐问题。检查按钮的样式属性，如padding、margin等，确保它们不会干扰文本的对齐方式。
对于Flutter开发者，腾讯云提供了一系列与移动应用开发相关的产品和服务，可以帮助开发者构建和部署高性能的移动应用。以下是一些推荐的腾讯云产品和产品介绍链接地址：
- 云服务器（CVM）：提供可扩展的虚拟服务器实例，用于部署和运行移动应用后端服务。了解更多：https://cloud.tencent.com/product/cvm
- 云数据库MySQL：提供高性能、可扩展的关系型数据库服务，适用于存储移动应用的数据。了解更多：https://cloud.tencent.com/product/cdb_mysql
- 腾讯移动推送：提供消息推送服务，用于向移动应用的用户发送通知和消息。了解更多：https://cloud.tencent.com/product/umeng_push
请注意，以上推荐的腾讯云产品仅供参考，具体选择应根据实际需求进行。另外，本回答不涉及其他云计算品牌商的相关内容。
相关·内容
我正在构建一个键盘，但是，从昨天开始，我正在对抗两个奇怪的行为： (1)我使用SizedBox构造按钮来创建方形按钮，导致文本向右对齐。实际上，它看起来更像是一个偏移量，因为如果添加一个文本长度大于1、2、3的按钮(下面代码段中的“一些文本”)，则不会显示该文本。如果我把文本切到第一个字符，这个字符就会显示出来。列的crossAxisAlignm
浏览 61提问于2020-08-24得票数 0
回答已采纳
我正在尝试为我的应用程序制作一个加载屏幕，我正在使用 widget，但我想知道有没有办法让它在高度和宽度上更大，它太小了。 有人能帮我一下吗？
浏览 169提问于2018-08-18得票数 105
回答已采纳
)的宽度不能在上面的代码中使用SizedBox进行调整？尽管在SizedBox中宽度指定为200.0，但按钮会扩展到屏幕的全部宽度。
(可以调整按钮的高度。)第二个问题:作为对上述情况的解决方案，我可以使用下面的边距来调整按钮的宽度。因此，作为搜索其他方法的结果，可以通过对齐来调整宽度，如下所示。在这一点上，我的看法是，对齐小部件通常用于指定子部
浏览 5提问于2022-06-07得票数 0
我试图将内部灰色的按钮放在红色按钮内，但找不到一种方法将其与红色按钮的左侧对齐。 home: MainApp(), body: P
浏览 26提问于2020-02-14得票数 0
回答已采纳
1回答
颤振中的对齐元件不起作用
、、、
我编写了一个代码，它使用flutter_mobile_vision和morse通过移动摄像头扫描文本，并将扫描的文本隐藏到Morse代码中。这是我的代码：import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dartcolor: Color(0xffE6BBFC))
浏览 12提问于2021-05-14得票数 0
回答已采纳
1回答
您好，我目前正在使用flutter堆叠按钮 Transform.scale( child: Stack( alignment.x, ),
child: SizedBox==== 附注:我刚刚测试了对齐方式为Alignment(0.0, 0.0)，顶
浏览 26提问于2021-11-23得票数 0
1回答
如何对齐行的子项？我尝试过crossAxisAlignment: CrossAxisAlignment.end,，但我不想要CrossAxisAlignment我的所有行小部件的子项。children: <Widget>[Text('Upper Left')], SizedBox(height: 200, child: const Card(child: Text('Co
浏览 0提问于2019-08-01得票数 2
表单有一列，每一列都包含一行，带有复选框、文本、+和-按钮以及文本字段。
Row( Checkbox(value: Checkb
浏览 0提问于2021-02-23得票数 1
回答已采纳
2回答
我是第一次接触flutter。我想在按钮上方设置一个文本/标签。我在flutter中没有发现任何简单的文本或标签小部件。 文字应该是非常大的(图片)和在屏幕的右边，我想保持按钮的位置。我如何使用Flutter实现这一点？ 谢谢你的帮助。 ? child: Text("1"),
浏览 80提问于2020-09-28得票数 1
回答已采纳
代码 children: [ TextIcons.arrow_forward, ), width: 3.w,
浏览 6提问于2022-06-15得票数 -1
1回答
在颤振中绕过父列的对齐
、、、
所以我有一个列，我希望所有的子部件都对齐到它的左边部分(CrossAxisAlignment.start)，但是我希望最后一个小部件对齐到中心。我尝试使用带有对齐小部件的堆栈，即Center小部件，将最后一个小部件包装在一行中，并使用主轴对齐，但没有效果。我不能使用灵活的，因为这个专栏被包装在一个ListView中，用于滚动。下面是UI本身的屏幕截图，所讨论的小部件是底部小部件(让我们一起工作按钮)。我把整列都涂上黑
浏览 12提问于2022-08-08得票数 0
3回答
如何在Flutter中左对齐OutlineButton图标?可以按如下方式添加Icon，但图标和文本都在按钮中居中对齐。有没有办法让图标左对齐，文本居中对齐？
浏览 0提问于2018-10-04得票数 12
回答已采纳
1回答
可在上面显示图像的颤振按钮
、、、、
我想知道如何创建一个按钮，当它被按下时，显示一个图像和一个列或行。**现在，当按下按钮时，图像就会出现并消失。但是它不会刷新以获得一个新的URL(它是一个动态URL)import 'dart:typed_data';import 'package:flutter</e
浏览 7提问于2022-03-31得票数 1
回答已采纳
1回答
我正在为Android Flutter重写我的Kotlin应用程序，但我正在努力在Flutter中重新创建布局。 看看这张图片： ? 这是我用Native Android编写的应用程序的屏幕截图。 我不知何故在Flutter中重新创建了这个布局，但我在对齐方面遇到了问题。 这是我的Flutter应用程序的截图： ? 我想要文本"Jak używać?“刚开始的时候
浏览 20提问于2019-09-08得票数 0
我是一个刚开始学习颤栗的学生。我不会将我的文本和按钮与屏幕中心对齐。我用这个代码对齐中心。此外，我使用不同的小部件来创建它们，如代码所示。另外，我创建的文本框根本没有显示。如何在我的应用程序上修复这些错误。 import 'package:flutter</
浏览 2提问于2022-01-26得票数 -1
回答已采纳
4回答
我的对话框中有一个问题，即使我已经有了，按钮也不会居中。我的代码： Row( }, ),
SizedBoxNavigator.of(context).pop(
浏览 17提问于2019-10-24得票数 2
回答已采纳
2回答
我有这张按钮列表 background-color: grey; border: none;}<button>B</button>
现在我所做的是，特别按钮有一个
浏览 4提问于2015-01-26得票数 4
回答已采纳
如何在不创建自定义FlatButton的情况下将AlertDialog样式设置为居中对齐？Navigator.of(context).pop(); ), );
我试着删除“actions”并在“content”中的一行中添加
浏览 4提问于2020-03-22得票数 3
根据输入的数据类型，有些行是空的，因此我使用SizedBoxes来维护所有行的固定高度，以便表单底部的“Save”按钮在显示填充/空白行时不会移动(这似乎是基于internet搜索的推荐方法)。在添加SizedBox小部件之前，文本和TextFormFields在表级别上由defaultVerticalAlignment: TableCellVerticalAlignment.middle很好地对齐既然我已经添加了S
浏览 9提问于2022-10-25得票数 0
回答已采纳
1回答
Layout 我有一个“长文本”，“分隔符”和“文本”的行。如何正确地对齐它们，使分隔线始终位于屏幕的中心(我添加了一个红色矩形，以便于分隔线相对于中心的位置)。此外，“文本”的内容，因此它可以占用或多或少的空间。下面是我的代码： import 'package:flutter/material.dart';
void main() => runApp(cons
浏览 4提问于2021-06-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
