Flutter GestureDetector Swipe 구현하기
·
Flutter
flutter에서는 제스처를 감지하기 위해 onPressed, onTab을 직접 위젯에 넣는 대신에 GestureDetector 위젯을 이용해서 훨씬 더 많은 범위의 위젯을 감지할 수 있다. GestureDetector 는 플러터에서 지원하는 모든 제스처를 구현할 수 있는 위젯이라고 할 수 있다. 자주 사용 하는 것들은 아래와 같다. onTap : 한번 탭했을 때 onDoubleTap : 연속으로 두번 탭했을 때 onLongPress : 길게 누를 때 onScale : 확대하기를 했을때 onVerticalDragStart : 수직드래그가 시작됐을 때 onVerticalDragEnd : 수직 드래그가 끝났을때 onHorizontalDragStart : 수평 드래그가 시작됐을때 onHorizontalDrag..
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..
Flutter 뉴스 API 연동하기(4) - 뉴스디테일 페이지
·
Flutter
이렇게 더보기 칸을 클릭하면 헤드라인 TOP20 뉴스를 보여줄 페이지로 이동하게끔 구현하는 것을 진행해 보려고 한다. 우선 더보기 버튼은 이미 만들어 주었기 때문에 생략하고 더보기 이후 어떤 로직들이 발생하는지 알아보자 Center( child: TextButton( onPressed: () { Navigator.of(context).push( MaterialPageRoute(builder: (context) => NewsDetailPage())); }, child: Text("더보기", style: TextStyle( fontSize: textSizeSmall2, color: isDarkMode ? Colors.white : Colors.black)), ), ) 더보기를 누르면 NewsDetailPag..
해니01_15
'flutter' 태그의 글 목록 (4 Page)