我用Flutter實作了簡單的表單,也實作了帶訊息的表單驗證。有一個TextFormField和IconButton在它旁邊
Row(
兒童。[
展開(
child: TextFormField(
key: key('new_event_address')。
自動對焦。false。
initialValue: widget.address,
裝飾。InputDecoration(
hintText: ""。
contentPadding: EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0)。
邊界。OutlineInputBorder(borderRadius: borderRadius.round(5.0))。
聚焦邊框。OutlineInputBorder(
borderSide: const BorderSide(color: Colors.black26, width: 2.0) 。
borderRadius: borderRadius.round(5.0)。
),
),
onSaved: (value) => setState(() => _address = value)。
驗證器。(val) => val.length == 0 ? CustomResources.strings["add_event_validation_address_required"] : null。
),
),
Padding(padding: EdgeInsets.only(right: 5))。)
IconButton(
圖示。const Icon(Icons.add_location_outlined)。
onPressed: () {},
)
],
)
。
我認為這是因為TextFormField改變了它的位置以顯示驗證錯誤資訊,但IconButton的位置保持不變,所以它不再正確對齊,即使放在同一個Row容器中。
如何解決這個問題?你有什么想法嗎?
uj5u.com熱心網友回復:
你只能添加crossAxisAlignment: CrossAxisAlignment.start,在你的Row中。
uj5u.com熱心網友回復:
添加mainAxisAlignment: MainAxisAlignment.start,在你的Row中,并在圖示的padding上播放。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/308885.html
標籤:
下一篇:量化交易 米筐 策略評價指標



