본문 바로가기

contentPadding3

Flutter 텍스트 필드의 콘텐츠 패딩을 어떻게 제거하나요?, How do I remove content padding from TextField? 질문 나는 플러터에 새로 왔고 로그인 폼을 만들고 있습니다. 이를 위해 TextField를 사용하고 접두사 아이콘을 추가했지만 텍스트 필드(사용자 ID 및 핀) 사이와 접두사 아이콘 앞에 추가 공간이 생깁니다. InputDecorationTheme도 시도해 보았지만 작동하지 않았습니다. 공간을 제거하거나 줄이는 방법을 알려주세요.?? 아래는 내 코드입니다: TextField( maxLength: 8, keyboardType: TextInputType.number, decoration: InputDecoration( hintText: hint, hintStyle: TextStyle(fontSize: 12.0), prefixIcon: Icon(icon), counterText: '', ), ) 답변 업데이트.. 2023. 9. 21.
Flutter 플러터에서 TextField의 텍스트에만 패딩을 적용하는 방법은 무엇인가요?, How do I only apply padding to the text in a TextField in Flutter? 질문 패딩이 없으면 다음과 같은 결과가 나옵니다: 다음과 같은 방법으로 패딩을 사용하면 Padding(padding: EdgeInsets.all(20.0), child: TextField()) 다음과 같은 결과가 나옵니다: 조금 어렵게 보일 수 있지만, 빨간 배지를 보면 무슨 말인지 알 수 있습니다. 패딩을 사용하여 텍스트만 이동하고 싶지만, 실제로는 전체 TextField에 패딩이 적용되어 밑줄도 패딩과 함께 이동합니다. 하지만 밑줄은 여전히 전체 뷰를 가로지르도록 하고 싶습니다. 즉, TextField 내부의 텍스트에만 패딩이 적용되도록 하고 싶습니다. 답변 콘텐츠에 패딩을 적용하려면 TextField의 contentPadding 속성을 적용할 수 있습니다. TextField의 decoration 속.. 2023. 8. 28.
Flutter 텍스트 필드의 높이와 너비를 변경하는 방법은 무엇인가요?, How to change TextField's height and width? 질문 TextField의 width와 height를 어떻게 사용자 정의할 수 있나요? 답변 너비를 조정하려면 다음과 같이 TextField를 SizedBox 위젯으로 래핑 할 수 있습니다: const SizedBox( width: 100.0, child: TextField(), ) TextField의 높이에 대해 정확히 무엇을 원하는지 모르겠지만, TextStyle 위젯을 살펴볼 수 있습니다. 이 위젯을 사용하면 fontSize 및/또는 height를 조작할 수 있습니다. const SizedBox( width: 100.0, child: TextField( style: TextStyle(fontSize: 40.0, height: 2.0, color: Colors.black), ), ) TextStyle의.. 2023. 5. 15.