如何在Flutter中将控件居中对齐？
在Flutter中，可以使用多种方式将控件居中对齐。以下是几种常用的方法：
- 使用Center控件：将需要居中对齐的控件作为Center控件的子控件即可。Center控件会将其子控件居中显示。
Center(
child: YourWidget(),
)- 使用Align控件：通过设置Align控件的alignment属性为Alignment.center，将其子控件居中对齐。
Align(
alignment: Alignment.center,
child: YourWidget(),
)- 使用Container控件：通过设置Container控件的alignment属性为Alignment.center，将其子控件居中对齐。
Container(
alignment: Alignment.center,
child: YourWidget(),
)- 使用Row和Column控件：将需要居中对齐的控件放置在Row或Column控件中，并设置mainAxisAlignment属性为MainAxisAlignment.center。
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
YourWidget(),
],
)以上是几种常用的方法，根据实际需求选择适合的方式进行控件居中对齐。在Flutter中，控件的居中对齐方式非常灵活，可以根据具体情况选择合适的方法。
腾讯云相关产品和产品介绍链接地址：
相关·内容
3回答
如何使集装箱垂直在颤振中居中？
flutter
我正在开发一个颤振项目。我有一个界面如下，
现在它是水平居中的。现在我也想把它垂直地放在中间。我尝试使用mainAxisAlignment: MainAxisAlignment.center和crossAxisAlignment: CrossAxisAlignment.center，但是UI中没有任何变化(仍然显示为上面的图像)。以下是我的执行情况。有人能告诉我这里需要做什么改变吗？
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
impo
浏览 1提问于2020-09-09得票数 1
回答已采纳
1回答
使行小部件居中出现问题
flutter、dart
我在页面底部有一个无法居中的Row小部件。我试过了所有的mainAxisAlignment和crossAxisAlignment，还把它包装在一个Align小工具中，并将alignment设置为alignment.center，但它仍然在页面的左边。我试过了所有的方法，但我真的卡住了。任何帮助都将不胜感激。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
backgroundColor: Colors.lightBlue,
浏览 1提问于2020-07-25得票数 0
1回答
如何在flutter中将列居中？
flutter
我对flutter非常陌生，我正在尝试实现一个有3个按钮的UI。在这里，我想让这些按钮在垂直和水平方向上居中。但我做不到 我在here中尝试了给定的示例，也尝试了使用Center标记，但对我来说都不起作用。我想我在错误的位置添加了这些行，但我不能确定这是否是问题所在 下面是我的实现： import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_widget_from_html/flutter_widget
浏览 66提问于2020-08-31得票数 0
回答已采纳
2回答
颤振:列文本要放在中间
flutter、flutter-layout、flutter-dependencies、flutter-animation、flutter-test
我想对我的专栏文本居中，我也希望我的对话背景颜色改变。如何做到这一点。
我想对我的专栏文本居中，我也希望我的对话背景颜色改变。如何做到这一点。
这是我的对话代码。
import 'package:bellaz/Extension/AppColor.dart';
import 'package:bellaz/Utils/Constants.dart';
import 'package:flutter/material.dart';
class LocationDialog extends StatelessWidget {
dialogCo
浏览 1提问于2021-12-14得票数 1
回答已采纳
2回答
如何在颤动中制作排行榜？
flutter
我是flutter的新手，我想在左边做一个数字序列和用户配置文件，如下所示。 this is what i mean 然后我就这样结束了 this is mine 这是我的代码，看起来像这样 import 'package:DoNation/model/leaderboard_item.dart';
import 'package:DoNation/shared/utils/app_localizations.dart';
import 'package:flutter/material.dart';
import 'package:f
浏览 6提问于2019-07-04得票数 0
1回答
如何在保持背景图像的颤振中滑动页面视图？
flutter、dart
我想保持背景图像和滑动页面查看屏幕。
但是，如果我放置图像文件(只有当我删除背景图像时才能这样做)，即使您可以看到页面指示器，我似乎也不能滑动。
]()
请让我知道怎么做。有办法解决吗？我不知道我错过了什么。
import 'package:eseowakorean/page/secondpage/add_image_profile1.dart';
import 'package:eseowakorean/page/secondpage/add_image_profile2.dart';
import 'package:eseowakorean/p
浏览 3提问于2022-11-07得票数 0
1回答
一旦拖动项目，多个可拖动的对象总是会移动的。
flutter、dart、drag-and-drop、dragtarget
我的目标是拥有一只狗作为我的DragTarget和多个项目，我可以拖动到狗。每当我拖动一个项目时，其他项目都会切换位置。另外，当我将项目拖到DragTarget上时，我希望在文本框中打印文本--但是即使我使用onAccept，也不会执行任何操作。
这是我的代码：
import 'package:flutter/material.dart';
import 'package:prototype/screens/start-page.dart';
class DragDropItems extends StatelessWidget {
const DragD
浏览 6提问于2022-12-01得票数 0
1回答
使堆栈中行居中
flutter、flutter-layout
我有一个由堆栈中的Row和Icon组成的小部件。我想让它们在堆栈中垂直居中(行在中心，图标在右中心)。我将两个小部件都包装在一个Align小部件中，但这只会影响图标，而不会影响行。如何让ROw垂直居中？ 这是我的代码 @override
Widget build(BuildContext context) {
return Card(
child: Padding(
padding: EdgeInsets.all(16.0),
child: Stack(
children: <Widget>[
Align(
浏览 4提问于2020-06-15得票数 0
回答已采纳
1回答
在飞镖中对齐虚线和凹槽线
flutter、dart
需要对齐虚线圆圈和虚线，如下图所示。尝试在一行中对齐，但它以某种方式与行合并，并且显示的不完全像图像。第一条线对齐很好，但不低于其他线。下面是显示小部件、虚线和圆圈的代码。
import 'package:dotted_border/dotted_border.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/src/foundation/key.dart&
浏览 3提问于2022-08-30得票数 1
1回答
不知道这些台词是从哪里来的
flutter、flutter-layout
我对我的专栏进行了延伸和扩展，以填充灰色。然而，我认为这些细微的线条似乎并没有完全扩展或拉伸。我找到了这个link，它指出这是一个抗锯齿问题，并尝试了他们的建议，用另一个容器包装容器。线条看起来不那么明显，但它仍然在那里。有没有办法解决这个问题？ not sure where these lines are coming from main.dart import 'package:flutter/material.dart';
import 'input_page.dart';
void main() => runApp(Calculator());
浏览 17提问于2020-09-20得票数 0
2回答
如何在带有flutter的TimeOfDay中以AM或PM格式显示时间？
flutter、dart、time
我使用ShowTimePicker类根据自己的意愿选择时间，但希望使用Text .like在上午9:00、晚上10:00显示在PM或AM中 意思是12小时格式。 代码： import 'package:flutter/material.dart';
class ShowTimePickerDemo extends StatefulWidget {
@override
_ShowTimePickerDemoState createState() => _ShowTimePickerDemoState();
}
class _ShowTimePickerDe
浏览 145提问于2020-05-02得票数 2
回答已采纳
2回答
Flutter:如何将一个小部件放在中心，将一些小部件放在底部
flutter、flutter-layout
我是Flutter的新手，我试着实现这个观点：
所以基本上我只是试着在中间有一个Row (Image和Text)，在底部有一个Column (2个TextButton和一个RichText)，但是我不能用Align和Stack，甚至Column和<代码>D10</代码>来实现。当我尝试使用包含这3个小部件的mainAxisAlignement Column时，它就是不能底部对齐。
当我尝试在Align中使用Stack时，它也不起作用
也许我不应该使用Column作为脚手架的主体？但我不知道如果是这样，我应该用什么来替换它。任何关于widget的帮助或解释都将是有帮助的
浏览 1提问于2021-06-25得票数 1
body: StreamBuilder(
stream: Firestore.instance.collection('students').snapshots(),
builder: (context, snapshot) {
return Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
浏览 14提问于2019-10-03得票数 0
1回答
颤振:使用imagePicker的极低分辨率图像
android、image、flutter
我使用image_picker从用户手机中提取图像，但是一旦图像被选中，它就会显示出非常低的分辨率。
有什么办法可以解决吗？我想用更好的图片，但我无法理解它！这是显示图像并使用图像选择器的代码：
import 'package:flutter/material.dart';
import 'package:image_picker/image_picker.dart';
import 'dart:io';
import 'package:uni_markt/models/product.dart';
class Ima
浏览 0提问于2019-07-04得票数 2
1回答
使用堆栈小部件在中心锚定动画小部件
flutter、animation、positioning
我试图在一个屏幕上定位多个小部件。
其中一个小部件应该是动画的，而其他的则不是。我目前正试图使用堆栈小部件来实现这一点，但是动画运行时，动画小部件被锚定到我定义位置参数的任何位置。如果我定义top: 100，左边: 100，则动画小部件此时具有锚点，而不是像常规列和行设置那样位于其中心。
如何使动画小部件锚定在中心？
我尝试过的内容： 1.使用具有正常左上角参数的堆栈小部件；2使用带有positioned.fill的堆栈小部件和对齐，Alignment.center。
代码：
import 'package:corona_app/commons/moreInfo.dart';
浏览 2提问于2020-04-09得票数 1
回答已采纳
1回答
Flutter: Firebase Google Auth不工作
firebase、flutter、firebase-authentication、google-authentication
我试过用google登录创建一个应用程序。实际上，一切都在工作，除了我选择了我的谷歌账户后，它不会切换到下一端。此外，它只是“重新加载”登录页面。那么，如何解决登录后进入新页面的问题呢？
这是我的主要代码：
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
import 'package:firebase_auth/firebase_auth.dart';
import 'pack
浏览 0提问于2020-05-04得票数 0
1回答
有没有一种在颤振/飞镖中显示图像部分的方法？
image、flutter、dart、alignment
忙着玩纸牌游戏。在一个5x12栅格中有一个带有全卡甲板的大图形。第五排是小丑和牌背。它在资源上将比有60个单独的文件更有效率。
我想一次只展示一张卡片。我希望指定x作为图像的起始位置，然后指定显示的高度/宽度。
尝试了这样的想法，铭文将根据大小和正向移动从.topLeft对齐。
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.stretc
浏览 3提问于2020-07-07得票数 2
回答已采纳
2回答
当我在Flutter中点击一个按钮时，如何将对象存储在数组中？
flutter、dart
我是个新手。我想在单击按钮时将所有id存储在一个数组中。请给我一个解决方案，如果它有效，那么我接受你的回答，这里有人有解决方案吗？提前谢谢。这是我的代码。
错误看起来像这样，
[ERROR:flutter/lib/ui/ui_dart_state.cc(148)] Unhandled Exception: type 'String' is not a subtype of type 'List<String>'
代码：
_saveQtyValue(id) async {
print(id);
var pId = id; // 5d98
浏览 64提问于2019-11-08得票数 1
回答已采纳
2回答
flutter中的导则(约束布局)的等价物是什么？
flutter
? 我想创建类似图像的视图，第一个视图(蓝色视图)是屏幕高度的30% 第二个视图(红色视图)是第一个视图的中心垂直(从下到上是第一个视图的15%，从下到下是第一个视图的15%)。 如果在android XML约束布局中，我可以使用指南来处理这一点，但是在flutter中，我可以使用什么来创建这样的视图呢？ import 'package:flutter/material.dart';
import 'package:flutter_app2/custom_text.dart';
class HomeScreen extends StatefulWidg
浏览 18提问于2021-08-12得票数 0
回答已采纳
3回答
使用非默认大小的文本时，浮动按钮中的文本居中
flutter、flutter-layout
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
class MainScreen extends StatefulWidget {
@override
_State createState() => _State();
}
enum Sex { Male, Female }
class
浏览 3提问于2020-12-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
