flutter 를 개발하다보면 제일 화가 나는건 ...overflowed 에러이다.. 그냥 알아서 사이좋게 간격 조절 잘 해서 딱딱 나올 수 는 없을까? 아무튼, 이게 생기는 이유는 위젯을 만들때 지정한 크기 혹은 지정 된 크기 이상으로 넘쳤을 때 발생하는 것이다. 하지만 사람이라는것이 어디서 내가 이 오류를 겪었는지 모르기 마련이즤... 대충 오류인 지점 같은 곳을 찾아가 보면 늘 column 이나, row, container 가 있었다. 그럴 땐, SingleChildScrollView 로 감싸 주면 된다. SingleChildScrollView( scrollDirection: Axis.horizontal, child: Row( '코드 작성' ), ), 아니라면 ListView 로 감싸주면 된다. L..

flutter 를 사용하다보면 html 처럼 부모 위젯의 크기에 비례하여 사이즈 조절을 하고 싶을 떄가 있다. 그때 사용 하는 것이 FractionallySizedBox 위젯이다. [FractionallySizedBox] FractionallySizedBox 위젯은 부모 위젯의 크기에 대한 상대적인 크기로 자식 위젯의 크기를 조정하는 위젯으로 widthFactor와 heightFactor 매개변수를 사용하여 자식 위젯의 너비와 높이를 부모 위젯의 너비와 높이의 비율로 지정할 수 있다. 이렇게 부모의 사이즈의 반반으로 위젯을 배치하고 싶다면 아래와 같이 써 주면 된다. 참고로 0.5 는 50% 를 뜻하고 1.0 은 100%를 뜻한다. FractionallySizedBox( widthFactor: 0.5, ..

SizedBox.shrink ()는 장식이 전혀없는 위젯으로 SizedBox() 의 한 종류이다. SizedBox는 widget의 크기를 다루는 위젯인데 기본 속성으로는 width, height만 있지만 SizedBox.expand(), SizedBox.shrink(), SizedBox.fromSize()도 사용하여 커스텀이 가능하다. SizedBox.shrink () 단순히 빈 Widget을 그려주기 위해 null을 반환하는 것이 안되는 상황에서 사용하면 유용하고, 부모 제약 조건의 영향을받지 않는 경우 가능한 가장 작은 영역으로 크기가 조정된다는 장점이 있다.

InlineSpan은 Flutter에서 텍스트의 일부분을 다른 텍스트와 함께 인라인(같은 줄에)으로 표시할 때 사용되는 추상 클래스이다. 이 클래스는 텍스트의 일부분에 대한 스타일, 구조, 레이아웃 등을 정의할 수 있게 해주며, 여러 가지 구체적인 클래스들이 이를 상속받아 다양한 용도로 사용된다. TextSpan과 WidgetSpan은 InlineSpan을 상속받는 가장 대표적인 두 가지 클래스인데, 이것들이 지금 html 을 flutter 로 변환 하는 과정에서 문제가 생기고 있다. 두개의 차이가 뭔지 일단 알아보고 수정해야 할 근본적인 원인을 찾는 것을 확실하게 해야겠다. 사용 방법 InlineSpan을 사용하는 가장 일반적인 방법은 RichText 위젯을 사용하는 것이다. RichText는 text..

flutter 에 TextField 라는 위젯이 있다. 이 위젯은 html의 input 같은 개념으로 사용 되는 것이다 . html의 라는 값이 있는데 오른쪽에 보이는 것 처럼 비밀번호 입력시에 안보이게 해주는 용도로 사용 되는 input tag 이다. 이 값은 flutter 에서 obscureText 라는 값이 password 의 효과와 같다. 아래의 코드에서 확인 가능하다 title: Text('비밀번호 입력'), content: TextField( controller: enteredPasswordController, // 컨트롤러 지정 obscureText: true, onChanged: (value) { enteredPassword = value; }, decoration: InputDecorat..

flutter는 크로스 플랫폼이 강점인 프레임워크 라고 알고 있는데 흔히 웹에서 쓰는 html을 flutter 로 변환 해서 사용이 가능할까? [패키지] 일단 찾아보니까 html to flutter 라는 패키지가 있긴하다. https://pub.dev/packages/flutter_html/versions flutter_html package - All Versions Pub is the package manager for the Dart programming language, containing reusable libraries & packages for Flutter and general Dart programs. pub.dev [사용] 하기와 같이 HTML 태그 안에 넣고 사용 하면 된다. 이 위젯..