如何解决如何创建带有嵌入式文本的文本边框,以及如何在框中添加多个文本字段?
我想实现以下文本框,但我遇到了麻烦。我已经添加了带有嵌入文本的边框,但是无法在边框内添加多个文本字段,例如屏幕截图。请帮忙。 this is what I want to achieve
解决方法
显示您已经尝试过的内容吗?
对于文本,您也许可以使用TextSpan
Blockquote
,尝试一下!
Stack( children: [
Padding(
padding: const EdgeInsets.only(top: 10),child: Container(height: 180,child: Padding(
padding: const EdgeInsets.only(top: 35,left: 15),child: Column(children: [
Row(children: [
Text("Full Name:",style: TextStyle(fontSize: 16,fontWeight: FontWeight.bold),),Text("Mark"),],SizedBox(height: 15,Row(children: [
Text("Email:",style: TextStyle(fontWeight: FontWeight.bold),Text("email@gmail.com"),Row(children: [
Text("Phone:",Text("036526494"),Row(children: [
Text("Address:",Text("Random Address,city,Country"),width: MediaQuery.of(context).size.width,decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),border: Border.all(width: 1)),Padding(
padding: const EdgeInsets.only(left: 20),child: Container(
color: Colors.white,child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 10),child: Text(
"Contact Info",style: TextStyle(
fontWeight: FontWeight.bold,fontSize: 18),)),)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。