我想創建一個文本小部件，它在左上角有一個圖示，允許用戶編輯文本，但我無法將圖示放在文本的左上角，如下圖所示對于文本“家”。我已經搜索了類似的問題，但我沒有遇到任何類似的問題。
你知道我怎樣才能實作我的愿望嗎？
uj5u.com熱心網友回復：
Row(
children: [
Icon(Icons.download_rounded),
Text(" Download")
],
)
uj5u.com熱心網友回復：
您可以使用以下方法實作此目的Stack：
Stack(
clipBehavior: Clip.none,
children: [
const Text("1. Home", style: TextStyle(color: Colors.black,
fontSize: 16, fontWeight: FontWeight.bold),),
Positioned(
top: -2.5, right: -10,
child: GestureDetector(
onTap: (){
print("edit pressed");
},
child: const Icon(Icons.edit, size: 12,),
)
)
],
)
輸出：
uj5u.com熱心網友回復：
Stack 小部件是 Flutter SDK 中的一個內置小部件，它允許我們通過將小部件相互疊加來制作一層小部件。 我們可以使用 Stack 重疊多個小部件。
這是一個示例代碼：
Stack(
children: <Widget>[
TextField(
decoration: InputDecoration(
border: OutlineInputBorder(),
hintText: 'hint',
),
),
Align(
alignment: AlignmentDirectional.topEnd, // <-- SEE HERE
child:
Container(
transform: Matrix4.translationValues(0.0, -10.0, 0.0),
width: 30,
height: 30,
child: IconButton(
onPressed: () {
print('your code');
},
icon: Icon(Icons.search), //your icon
),
)),
],
),
參考： 堆疊教程
堆
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/526465.html
標籤：扑小部件图标