본문 바로가기

decoration6

Flutter 플러터에서 텍스트 필드 입력의 길이를 제한하는 방법은 무엇인가요?, How can I limit the length of a text field input in flutter? 질문 TextField 위젯에는 입력 가능한 문자 수를 제한하는 "limit" 속성이 없는 것 같습니다. TextField 위젯에서 입력으로 제공할 수 있는 문자 수를 제한하는 방법은 무엇인가요? decoration 속성을 살펴보고 그곳에서 제한을 설정해보려고 했지만 잘 작동하지 않았습니다. 사용해야 할 다른 위젯이 있을까요? 답변 inputFormatters 속성을 사용합니다. 예시: TextFormField( inputFormatters: [ LengthLimitingTextInputFormatter(10), ] ) 네임스페이스 import 'package:flutter/services.dart'; 2023. 9. 6.
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 투명 배경과 함께 플러터 모서리 반경, flutter corner radius with transparent background 질문 아래는 투명 배경을 가진 라운드 코너 컨테이너를 렌더링할 것으로 예상되는 코드입니다. return new Container( //padding: const EdgeInsets.all(32.0), height: 800.0, //color: const Color(0xffDC1C17), //color: const Color(0xffFFAB91), decoration: new BoxDecoration( color: Colors.green, //new Color.fromRGBO(255, 0, 0, 0.0), borderRadius: new BorderRadius.only( topLeft: const Radius.circular(40.0), topRight: const Radius.circular(40.0)).. 2023. 6. 14.
Flutter 플러터에서 이미지를 전체 배경에 맞게 (100% 높이 x 100% 너비) 늘리는 방법은 무엇인가요?, How do I stretch an image to fit the whole background (100% height x 100% width) in Flutter? 질문 내 기기의 화면 비율과 일치하지 않는 이미지가 있습니다. 이미지를 화면에 완전히 채우도록 늘이고 이미지의 어떤 부분도 잘라내지 않도록 하려고 합니다. CSS에는 백분율 개념이 있으므로 높이와 너비를 100%로 설정할 수 있습니다. 하지만 Flutter에는 그 개념이 없는 것 같고, 높이와 너비를 하드코딩하는 것은 좋지 않으므로 막혀 있습니다. 다음은 내가 가진 것입니다 (앞쪽에 무언가가 있으므로 Stack을 사용합니다): Widget background = new Container( height: // 여기에 무엇을 넣어야 할지 모릅니다! width: // 여기에 무엇을 넣어야 할지 모릅니다! child: new Image.asset( asset.background, fit: BoxFit.fill,.. 2023. 6. 1.

티스토리툴바