微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Flutter 自定义文本字段

如何解决Flutter 自定义文本字段

我想在颤振中创建一个自定义文本字段,如图所示。带标签和图标的轮廓文本字段边框位于边框线的中间。 有没有办法创建这样的 TextField?

custom text field

提前致谢。

解决方法

您可以使用堆栈来实现 UI

Stack(
       children: [
         TextFormField(
           ...apply the border here
         ),Positioned(
           left: 16.0,top: 5.0,child: Container(
             padding: EdgeInsets.all(5.0),color: AppColors.whiteColor,child: Row(
               children: [
                 Image.asset(your_image),Text("Name")
               ],),],);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。