Amir Farahani
4 سال پیش توسط Amir Farahani مطرح شد
1 پاسخ

فرم لاگین با ایکون دلخواه

با سلام
من یک فرم لاگین میخوام درست کنم ولی با آیکون طراحی شده توسط طراح . دو تا مشکل هست یکی اینکه فاصله hint text و از خط پایینی textfield زیاده و من میخوام کم کنم که این کار رو انجام دادم با اضافه کردن دو مقدار به decoration

contentPadding: EdgeInsets.only(bottom: 0,left: 0,right:0,top:0), // <- you can it to 0.0 for no space
isDense: true,

مشکل بعدی اینجاست که وقتی یک ایکون به صورت prefix ادد میکنیم اصلا قابلیت کاستوم شدن نداره و همه چیو بهم میریزه
عکس هارو ضمیمه میکنم
این عکس با اضافه کردن ایکون هست :
عکس با داشتن آیکون
این عکس بدون داشتن آیکون هست :
بدون داشتن آیکون
و این تصویر هم چیزی هست که طراح میخواد (نکته : عکس سمت چپ معیار است. ) :
توضیح تصویر رو وارد کنید


vuejs
تگ‌های محبوب
ثبت پرسش جدید
Amir Farahani
تخصص : برنامه نویس
@amirfarahani10 4 سال پیش مطرح شد
0

اصلاحیه : فراموش کردم کدم رو بذارم
اینم کدم :

return Container(
child: TextField(
cursorHeight: 20,
minLines: 1,
maxLines: 1,
obscureText: obscure,
style: TextStyle(color: Colors.white,),
decoration: InputDecoration(
contentPadding: EdgeInsets.only(bottom: 0,left: 0,right:0,top:0), // <- you can it to 0.0 for no space
isDense: true,
hintText: hint,
enabledBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Color(0xff59c5b9)),
),
focusedBorder: UnderlineInputBorder(
borderSide: BorderSide(color: Color(0xff59c5b9)),
),
border: UnderlineInputBorder(
borderSide: BorderSide(color: Color(0xff59c5b9)),
),
hintStyle: TextStyle(
color: Theme.of(context).hintColor,
),
prefixIcon: SizedBox(
height: 22,
width: 14,
child: Image.asset(
iconUrlAssets,),
),
),
),
);

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام