flutter에서는 제스처를 감지하기 위해 onPressed, onTab을 직접 위젯에 넣는 대신에 GestureDetector 위젯을 이용해서 훨씬 더 많은 범위의 위젯을 감지할 수 있다. GestureDetector 는 플러터에서 지원하는 모든 제스처를 구현할 수 있는 위젯이라고 할 수 있다. 자주 사용 하는 것들은 아래와 같다. onTap : 한번 탭했을 때 onDoubleTap : 연속으로 두번 탭했을 때 onLongPress : 길게 누를 때 onScale : 확대하기를 했을때 onVerticalDragStart : 수직드래그가 시작됐을 때 onVerticalDragEnd : 수직 드래그가 끝났을때 onHorizontalDragStart : 수평 드래그가 시작됐을때 onHorizontalDrag..

[문제] maxLength 를 지정하니 크기가 커진 TextField에 글씨가 가운대로 배치가 되었다. textAlign을 start 도 줘보고 했지만 결과는 바뀌지 않았다. [해결] textAlignVertical 속성을 TextAlignVertical.top 로 지정해 주었더니 해결 되었다. textAlignVertical: TextAlignVertical.top,

이제 마지막으로 카드 안에 뉴스카드 하나하나를 만드는 작업을 해볼 것이다 큰 순서로는 전체 큰 카드 -> 뉴스 넣을 공간 만들 -> 뉴스 컬럼 -> 클릭하면 동작 될 함수 등으로 진행 될 것이다. [ buildNewsCard ] 전체적으로 큰 뉴스 카드를 만들고 그 안에 뉴스컬럼들을 넣어 준다. 나는 웹화면과 모바일 화면에 따라 뉴스 카드의 갯수가 다르게 보여지게 하기 위해 isBigScreen 을 넣어 웹 일 때와 아닐때를 구별해 화면을 그려주었다. Card buildNewsCard(bool isDarkMode, BuildContext context, double deviceWidth, List newsList) { var showCard = deviceWidth / 3; return Card( mar..

저번에 세팅 해 뒀던 뉴스 API 를 받아와서 파싱 해서 보여주기를 진행해 보려고 한다. Flutter 뉴스 API 연동하기(1) - 기초 세팅 오늘은 뉴스 api 를 가져와서 화면에 보여주는 작업을 해볼 것이다. 아래처럼! [API 사용 설정] 아래의 홈페이지에 들어가서 뉴스 API를 사용하기 위해 가입을 하고 API 키를 받아 준다. 키를 받고 문 henniee.tistory.com [ News 클래스 만들기 ] 통신을 통해 받아 온 값들을 넣어 둘 News 클래스가 필요하다. 지난번에 포스트맨을 통해 어떤 값들을 해당 사이트에서 주는 지를 확인 했기 때문에 그 값들 중 사용 할 값들만 가지고 클래스를 만들어 준다. 나는 타이틀과, 이미지, 어느 뉴스사 인지 그리고 url 을 파싱해 올 예정이다. 따..