如何像 WhatsApp 一样修复多行启用 TextField 底部的 SuffixIcon?
这是当前场景:
这是我想要实现的目标:
我怎样才能做到这一点?
这是文本域的代码:
Container(
width: 350,
padding: EdgeInsets.symmetric(horizontal: 15),
decoration: BoxDecoration(
color: Color(0xffEDEDED),
borderRadius: BorderRadius.circular(20)),
child: TextFormField(
keyboardType: TextInputType.multiline,
maxLines: null,
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Type here...',
hintStyle: TextStyle(color: Color(0xff606060), fontSize: 12),
suffixIcon: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: Icon(Icons.camera_alt), onPressed: () {}),
IconButton(
icon: Icon(Icons.send), onPressed: sendMessage),
],
)),
),
)
最佳答案
让我知道这行得通。
Container(
width: 350,
padding: EdgeInsets.symmetric(horizontal: 15),
decoration: BoxDecoration(
color: Color(0xffEDEDED),
borderRadius: BorderRadius.circular(20)),
child: TextFormField(
keyboardType: TextInputType.multiline,
maxLines: null,
decoration: InputDecoration(
border: InputBorder.none,
hintText: 'Type here...',
hintStyle: TextStyle(color: Color(0xff606060), fontSize: 12),
suffixIcon: Column(
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.end,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.end,
mainAxisAlignment: MainAxisAlignment.spaceBetween,
mainAxisSize: MainAxisSize.min,
children: [
IconButton(
icon: Icon(Icons.camera_alt), onPressed: () {}),
IconButton(icon: Icon(Icons.send), onPressed: () {}),
],
),
],
)),
),
),
关于android - flutter : How to Fix SuffixIcon at the bottom of the Multiline Enable TextField?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65612268/