android - 如何在 Flutter 中的 TextFormField 中的图标和文本之间添加分隔线
问题描述
我在颤振中使用 TextFormField 。我可以在 prefixIcon 和 text 之间放置一个分隔符吗?是否有一个看起来像分隔线的图标(在任何包中)??这是我的代码 -
Container(
color: Colors.black45,
width: MediaQuery.of(context).size.width,
padding: EdgeInsets.only(left: 5.0, right: 50.0, bottom: 5.0),
child: TextFormField(
textAlignVertical: TextAlignVertical.bottom,
style: TextStyle(
color: Colors.white
),
cursorColor: Color(0xFF075E54),
decoration: InputDecoration(
contentPadding: EdgeInsets.only(bottom: 13.0),
prefixIcon: Icon(
Icons.add_photo_alternate,
color: Colors.white,
size: MediaQuery.of(context).size.width*0.07,
),
border: InputBorder.none,
hintText: 'Add a caption...',
hintStyle: TextStyle(
color: Colors.grey[400],
fontSize: MediaQuery.of(context).size.width*0.042,
)
),
),
),
解决方案
将所需的分隔器小部件传递给prefix
输入装饰选项,或者我相信您可以prefixIcon
使用Container
boxdecoration 和一个右边框作为分隔器进行包装
推荐阅读
- encoding - 如果有 N(10 个或更多)符号,我如何找到以 Huffman 编码的码字的平均长度?
- python - 在不使用任何内置函数的情况下在给定整数中找到两个连续数字时的布尔值 True 或 False
- sequelize.js - 字符串日期排序:Sequelize
- gradle - Gradle 已经安装了外部库,但它们没有解决
- xml - Maven XML 文件,2 个不同的源目录,文件名相同
- gradle - 哪些依赖项被添加到使用“项目库依赖项”的 Gradle 项目中,这是可配置的吗?
- javascript - 如何避免在动态生成的 HTML 元素上使用 onClick (vanilla js)
- javascript - 检测按下了哪个按钮 sdk paypal
- android - 为 android 配置 Flutter“sign_in_with_apple”时出现问题
- python - 您可以使用 ffmpeg 流实时插入文件中的文本吗?