Flutter CupertinoContextMenu动作按钮未居中对齐
Flutter CupertinoContextMenu是一个用于在iOS风格的上下文菜单中显示操作按钮的小部件。它提供了一种简单的方式来创建一个上下文菜单，并在菜单中添加自定义的操作按钮。
在使用Flutter CupertinoContextMenu时，如果动作按钮未居中对齐，可以通过以下方式解决：
- 使用CupertinoContextMenu的actionsAlignment属性来设置动作按钮的对齐方式。该属性接受一个AlignmentGeometry类型的值，可以使用Alignment.center将按钮居中对齐。示例代码如下：
CupertinoContextMenu(
actions: [
CupertinoContextMenuAction(
child: Text('Action 1'),
onPressed: () {
// 执行操作1
},
),
CupertinoContextMenuAction(
child: Text('Action 2'),
onPressed: () {
// 执行操作2
},
),
],
actionsAlignment: Alignment.center, // 将动作按钮居中对齐
child: Container(
// 触发上下文菜单的组件
child: Text('Long press to show menu'),
),
)- 如果动作按钮仍然未居中对齐，可以通过自定义动作按钮的方式来解决。可以使用Row或Column来创建一个包含动作按钮的容器，并设置其对齐方式为居中。示例代码如下：
CupertinoContextMenu(
actions: [
Container(
alignment: Alignment.center, // 将动作按钮居中对齐
child: Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
CupertinoContextMenuAction(
child: Text('Action 1'),
onPressed: () {
// 执行操作1
},
),
CupertinoContextMenuAction(
child: Text('Action 2'),
onPressed: () {
// 执行操作2
},
),
],
),
),
],
child: Container(
// 触发上下文菜单的组件
child: Text('Long press to show menu'),
),
)以上是解决Flutter CupertinoContextMenu动作按钮未居中对齐的两种方法。根据具体的需求选择合适的方式进行调整。
相关·内容
我有一个列表视图与水平滚动，我已经添加了CupertinoContextMenu到图像。一切正常，但操作按钮没有居中对齐。 我已经添加了代码。我也试过包装脚手架。同样的问题。我必须在图像中心位置下对齐动作按钮。], ); return Container(
child: CupertinoContextMenu
浏览 49提问于2020-12-03得票数 0
我尝试使用有状态小部件重新创建flutter默认应用程序，在有状态小部件中定义应用程序的body()，并返回一个Center()。现在的问题是，FloatingActionButton()也是居中的。
浏览 5提问于2021-10-19得票数 0
3回答
如何在Flutter中左对齐OutlineButton图标?可以按如下方式添加Icon，但图标和文本都在按钮中居中对齐。有没有办法让图标左对齐，文本居中对齐？
浏览 0提问于2018-10-04得票数 12
回答已采纳
我使用RelativeLayout显示一个或两个按钮。对于两个按钮的情况，它们需要左/右对齐，对于一个按钮的情况，它需要居中。android:id="@+id/dismiss"</RelativeLayout>
我把View.GONE按钮改成了一个按钮，但是动作<e
浏览 13提问于2016-07-31得票数 0
回答已采纳
2回答
颤振多中心浮动动作按钮
、、、
我尝试在底部中心位置创建水平的多个浮动动作按钮，但我的按钮在我的情况下没有居中。我怎么才能把我的按钮对齐？这是import 'package:flutter/material.dart';
class MyApp extends StatelessWid
浏览 2提问于2020-12-09得票数 0
回答已采纳
1回答
我有一个带有一些按钮的用户控件。每个按钮都包含我正在努力在控件中对齐/居中的文本。HorizontalContentAlignment="Center" VerticalContentAlignment="Center" FontSize="11" /></UserControl>
但文本未正确对齐
浏览 1提问于2012-09-04得票数 0
回答已采纳
3回答
所以我有一个按钮，它里面有一个文本，但是当我运行我的应用程序时，它不在按钮里面，我不知道如何修复它。这是我的应用程序，当我运行它：我使用MyButton作为按钮和文本，下面是我的botton代码 return Container(AddReminderPage())) ), }import 'package:flutter/cupert
浏览 9提问于2022-12-02得票数 0
1回答
我设法使输入框响应，但按钮没有居中对齐 .webdesigntuts-workshop button {
background: linear-gradient(#333,
浏览 0提问于2018-01-29得票数 0
在iOS 7 UISearchbar中，占位符居中对齐并覆盖书签按钮，直到未选中搜索栏：当它被选中时，它看起来和预期的一样：我需要它一直看起来像这样。谢谢。
浏览 7提问于2013-10-09得票数 8
我在iOS上的Flutter Google maps official plugin在调试和发布版本中遇到了一个问题，当你从终止状态打开一个应用时，就会发生这个问题。在Android上没有问题 当我在我的小部件中使用Google地图时，会有一个奇怪的动画播放，特别是当有一个居中浮动的动作按钮时，它也有一些动画幻灯片 查看此视频https://www.youtube.comv=94ee6cePbWw&feature=youtu.be 如果逐帧播放，您将看到应用程序栏正确着色，浮动动作</e
浏览 12提问于2018-12-24得票数 0
但是，提示文本不是水平居中，而输入文本是居中。(见附图)我想知道为什么..谁来帮帮忙。 ?
浏览 23提问于2020-10-26得票数 2
回答已采纳
2回答
在我其中一个flutter应用程序中，有一个如下所示的FlatButton FlatButton( },
) 如何使按钮的文本右对齐目前，它是居中的，左右空间相等。
浏览 32提问于2020-05-02得票数 1
回答已采纳
2回答
问题是我的按钮不像文本那样居中对齐但是我的看起来像
教程中对齐文本和按钮的更改是在实现以下CSS样式后发生的：
有人能给我指引正确的方向吗？
浏览 1提问于2013-12-21得票数 0
1回答
该按钮水平居中，在英文用户界面中似乎运行良好。但在法语中，按钮不能扩展以容纳法语标签"Réessayer“。它会被截断。如何设置约束以使按钮扩展以容纳更长的标签？
浏览 0提问于2017-11-08得票数 0
8回答
我正在尝试使用FAB，但里面的图标放在按钮的右下角：
<RelativeLayout
android:layout_width="match_parent"
浏览 0提问于2018-10-04得票数 10
4回答
to { left: 100%;}
我想在我的个人项目中使用这个按钮，但我遇到的问题是按钮中的文本。即使我在按钮类中放入了“text-align：”center，"Gallery“也没有居中对齐。
浏览 2提问于2016-07-01得票数 1
3回答
导航栏后退按钮，文本未居中对齐
、、、、
我正在使用外观代理自定义导航栏中的后退按钮，还设置图像和文本属性。一切正常，但是后退按钮中的文本没有居中对齐。self.navigationItem.backBarButtonItem = backButton;
如果我将字体大小设置为"0.0“，那么文本将变得太小，并且仍然不会居中对齐
浏览 0提问于2012-06-04得票数 8
回答已采纳
2回答
我正在制作一个带有几个按钮的列表视图。我使用stack小部件在Listview顶部放置了两个浮动的操作按钮。但是，我希望将它们与列表视图的右下角和左下角对齐。此外，我还尝试使用Stack的对齐属性，但它不起作用。backgroundColor: Colors.green[200]), ) }
} 在使用positioned之后，似乎有一些空间超出了按钮被裁剪的空间
浏览 19提问于2021-07-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
