我尝试更改 TextFormField 前缀图标位置,但我不明白该怎么做,任何人都知道我使用的代码如下
child: TextFormField(
autocorrect: false,
maxLines: 4,
decoration: InputDecoration(
border: new OutlineInputBorder(
borderSide: new BorderSide(
style: BorderStyle.solid)),
hintStyle: TextStyle(
color: Color.fromRGBO(0, 0, 0, 0.1)),
prefixIcon: Icon(Icons.edit),
hintText: "Onion 1kg",
labelText: 'Item Description (Optional)',
),
style: TextStyle(
color: Color.fromRGBO(25, 25, 35, 1),
fontSize:18,
),
)
Run Code Online (Sandbox Code Playgroud)
我认为您正在尝试将图标位置更改为TextFormField
正确的位置,因此只需使用suffixIcon: Icon(Icons.edit),
而不是prefixIcon: Icon(Icons.edit),
这样您的代码将如下所示:
child: TextFormField(
autocorrect: false,
maxLines: 4,
decoration: InputDecoration(
border: new OutlineInputBorder(
borderSide: new BorderSide(
style: BorderStyle.solid)),
hintStyle: TextStyle(
color: Color.fromRGBO(0, 0, 0, 0.1)),
//prefixIcon: Icon(Icons.edit), // this is left side
suffixIcon: Icon(Icons.edit), // this is right side.
hintText: "Onion 1kg",
labelText: 'Item Description (Optional)',
),
style: TextStyle(
color: Color.fromRGBO(25, 25, 35, 1),
fontSize:18,
),
)
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
4394 次 |
最近记录: |