我想將我的expansionTile的尾隨圖示水平居中，
這是我的expansionTile，右下角有尾隨：
我已經嘗試將Icon封裝在Align和Container 中但不起作用，我也嘗試過Padding但如果您更改螢屏大小，它會不穩定。
代碼對齊：
trailing : Align(
alignment: Alignment.center,
child: Icon(
BeoticIcons.clock,
color: BeoColors.lightGreyBlue
)
),
使用容器：
trailing: Container(
alignment: Alignment.center,
child: Icon(
BeoticIcons.clock,
color: BeoColors.lightGreyBlue
)
),
謝謝你的幫助。
uj5u.com熱心網友回復：
這對你有用。使用 LayoutBuilder 獲取父控制元件寬度，并使用約束設定相對填充。例如，使用 constraints.maxWidth * 0.5 以使寬度居中。如果您更改螢屏大小，您的填充將是穩定的:)
trailing: LayoutBuilder(builder: (ctx, constraints) {
return Padding(
padding: EdgeInsets.only(
right: constraints.maxWidth * 0.5,
),
child: Icon(
Icons.menu,
),
);
}),
uj5u.com熱心網友回復：
you can use column and align your icon like this way hope this code will help you, thank you
import 'package:flutter/material.dart';
class Hello extends StatelessWidget {
const Hello({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Container(
height: 140,
width: MediaQuery.of(context).size.width,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5.0),
color: Colors.deepPurple[200],
),
child: Padding(
padding: const EdgeInsets.all(8.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.start,
children: [
Center(child: Text("Hello")),
Text("Hello"),
SizedBox(height: 50,),
Align(
alignment: Alignment.center,
child: Icon(Icons.lock_clock))
],
),
),
),
),
),
);
}
}
uj5u.com熱心網友回復：
好的，我找到了方法。
只需將圖示放在 ExpansionTile 的標題屬性中：
return ExpansionTile(
title: Icon(
BeoticIcons.simply_down,
color: BeoColors.lightGreyBlue,
),
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/408823.html
標籤：
上一篇：引數型別“Future<List<Account>>”不能分配給引數型別“Future<List<Account>>？”