flutter - Flutter Simple Dialog 内容离开屏幕
问题描述
我有一个对话框我正在尝试将内容包装在对话框中但是我遇到了一些问题
1)使用wrap不保证内容在alert对话框中
2)内容对齐不居中。
我已经尝试了所有可能的对齐方式,但它不起作用。在使用列拉伸时,我认为使用 wrap 的小部件可能会起作用。但事实并非如此。有什么解决办法吗?
带柱
使用包装中的彩色容器来检查问题,并使用具有定义的显示宽度 * 0.25 的大小框,以便文本不会离开屏幕
代码
showDialog(
barrierDismissible: false,
barrierColor: Colors.black26,
context: context,
builder: (context) {
return StatefulBuilder(
builder: (context, setState) {
return AlertDialog(
contentPadding: EdgeInsets.all(20),
content: Wrap(
direction: Axis.vertical,
alignment: WrapAlignment.spaceAround,
runAlignment: WrapAlignment.center,
crossAxisAlignment: WrapCrossAlignment.center,
runSpacing: 10,
children: [
Lottie.asset(
Constants.location_anim,
height: displaySize.height * 0.25,
repeat: true,
reverse: true,
animate: true
),
Text(locationMsgTextView,softWrap: true,),
getLocationDeniedWidget(context,state),
],
),
elevation: 3,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20)),
);
},
);
});
解决方案
推荐阅读
- sql-server - SSIS 2019 - 派生列字符串日期/时间 MM/DD/YYYY HH:MM:SS.s 到 datetime2
- php - WooCommerce 订阅:是否有手动支付重试的钩子?
- c++ - Firebase 功能不适用于 Arduino?
- java - Springboot Intellij yaml 配置自动完成与列表
- python - Gswin32c 挂起系统,但 Gswin32 工作正常
- c# - 如何在 Blazor WASM 中登录?
- python - Group by and multiply columns with a shift in Python
- kotlin - 使用 WorkManager 显示文件上传进度
- function - Oracle 函数返回 CHAR
- angular - 更新到 angular10,画布图像混乱