position 속성 - static, relative, absolute, fixed를 알아보자
·
Front/css
[position] position 은 레이아웃을 배치하거나, 객체를 위치시킬때 사용하는 css 속성으로 상속되지 않는다. 위(top), 아래(bottom), 왼쪽(left), 오른쪽(right) 의 위치를 같이 설정 할 수 있다. [종류] static : 기본값으로 위치를 지정하지 않을 때 사용한다. relative : 위치를 계산할때 static의 원래 위치부터 계산한다. absolute : 원래 위치와 상관없이 위치를 지정할 수 있다. 단, 가장 가까운 상위 요소를 기준으로 위치가 결정 된다. fiexd : 원래 위치와 상관없이 위치를 지정할 수 있다. 하지만 상위 요소에 영향을 받지 않기 때문에 화면이 바뀌더라도 고정된 위치를 설정 할 수 있다. 브라우저 화면의 상대 위치를 기준으로 위치가 결정된다.
Flutter Button을 Transform 으로 감싸면 작동이 안되는 문제
·
Flutter
[시작] 버튼의 위치를 위젯을 직접 움직여서 구현 하는 것이 아닌, transform.translate 을 이용하여 화면에 이동 시켜서 구현 하고 싶었다. [문제] 근데 1번의 버튼은 오렌지 부분에 호버를 해도 버튼으로 인식이 되지만, 2번 버튼은 애매하게 오른쪽 1/3 부분이 버튼의 기능을 하지 못하는 것이다. 근데 이게 이제 나만의 문제가 아님을 깨달았다. The 'onPressed' doesn't work with 'Transform' flutter The 'onPressed' doesn't work with 'Transform' in flutter. What should I do? I made an animation to a button (like a fab) to create two button..
Flutter GestureDetector Swipe 구현하기
·
Flutter
flutter에서는 제스처를 감지하기 위해 onPressed, onTab을 직접 위젯에 넣는 대신에 GestureDetector 위젯을 이용해서 훨씬 더 많은 범위의 위젯을 감지할 수 있다. GestureDetector 는 플러터에서 지원하는 모든 제스처를 구현할 수 있는 위젯이라고 할 수 있다. 자주 사용 하는 것들은 아래와 같다. onTap : 한번 탭했을 때 onDoubleTap : 연속으로 두번 탭했을 때 onLongPress : 길게 누를 때 onScale : 확대하기를 했을때 onVerticalDragStart : 수직드래그가 시작됐을 때 onVerticalDragEnd : 수직 드래그가 끝났을때 onHorizontalDragStart : 수평 드래그가 시작됐을때 onHorizontalDrag..
Unsupported operation: Trying to use the default webview implementation for TargetPlatform.windows but there isn't a default one
·
Flutter
[오류메세지] Unsupported operation: Trying to use the default webview implementation for TargetPlatform.windows but there isn't a default one [원인] 나는 window로 구현 하고 싶은데 해당 플러그인이 윈도우 PLATFORM 을 지원하지 않는다... [해결] 사용 하지 않으면 되시겠다....
Flutter TextField : hintText 맨 위로 배치하기
·
Flutter
[문제] maxLength 를 지정하니 크기가 커진 TextField에 글씨가 가운대로 배치가 되었다. textAlign을 start 도 줘보고 했지만 결과는 바뀌지 않았다. [해결] textAlignVertical 속성을 TextAlignVertical.top 로 지정해 주었더니 해결 되었다. textAlignVertical: TextAlignVertical.top,
Table Class 의 Cell 각각의 너비 및 높이 지정하기
·
Flutter
IntrinsicColumnWidth(), FlexColumnWidth(), FixedColumnWidth(원하는 크기) Table을 만들던 중 table 각 cell의 크기를 지정하고 싶은데 잘 안 되는 것이다... 구글을 아무리 뒤져보아도 TableCell 에 Container를 지정해서 그 안에 크기를 쓰면 된다고 했는데 나는 자꾸 이런 모양으로 한쪽으로 치우치거나 전체 화면의 비율을 꽉 채우는 모양만 나오는 것이다. 그래서 지정한 것이 바로 columnWidths 이다! Table class를 살펴보면 columnWidths 와 defaultColumnWidth 가 있다. Table({ super.key, this.children = const [], this.columnWidths, this.d..
해니01_15
코딩구르르르