어플리케이션
-
[flutter] 플러터 버튼의 애니메이션 효과 제거하기 / textbutton splash color flutter앱 개발/플러터(Flutter) 2022. 8. 24. 01:30
플러터에서 버튼을 누르면 자동적으로 애니메이션을 갖게 된다. 이를 제거하기 위한 코드를 알아보자. 핵심 코드는 아래와 같다. overlayColor: MaterialStateColor.resolveWith((states) => Colors.transparent), 코드는 MaterialApp 내 theme에 해당 속성을 추가해주면 된다. 그러면 버튼을 눌렀을 때 잠시 회색으로 변한다던가, 누른 게 티가 난다거나, 회색이 사선으로 움직이는 등 '터치를 알아챌만한 애니메이션이나 효과'가 없어진다.
-
[flutter] 플러터 drawer의 아이콘 색깔 변경하기 / drawer icon color change flutter앱 개발/플러터(Flutter) 2022. 8. 23. 23:44
플러터의 drawer 아이콘 색깔을 어떻게 변경하는지 알아보자. 원래 기본값은 흰색으로, 배경이 흰색이라면 눈에 보이지 않을 수 있다. 아래와 같이 appBar 속성 안에 IconThemeData를 특정 색으로 설정해주면 아래 화면과 같이 icon 색상이 변경된 것을 확인할 수 있다. 핵심 코드는 다음과 같다. iconTheme: IconThemeData(color: Colors.black),
-
[flutter] 플러터 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법앱 개발/플러터(Flutter) 2022. 8. 11. 14:56
플러터의 TextFormField에서 hint 및 텍스트 가운데 정렬하는 방법을 알아보자. TextFormField에서 기본적으로는 왼쪽 가운데 정렬이 되어있을 것이다. 하지만, TextFormField는 경험상 Container로 감싸거나 SizedBox로 감싸서 크기를 조절해주어야한다. 하지만 처음에는 아래 그림과 같이, 회색 TextFormField 안의 hint가 왼쪽 정렬이 되어있다. 그리고 칸 안에도 들어가지 않은 것으로 보인다. 여기에 다음과 같은 속성을 추가해주자. 그러면 아래 그림과 같이 가운데 정렬로 바뀔 수 있고, 글자도 그 안으로 들어가게 된다. textInputAction: TextInputAction.done, cursorColor: Colors.black, 오류, 질문이 있으면..
-
[flutter] 플러터 컨테이너 가로로 스크롤하기 / SingleChildScrollView, scrollDirection, Axis.horizontal앱 개발/플러터(Flutter) 2022. 7. 25. 21:31
플러터의 컨테이너(Container)을 가로로 스크롤 하기 위해서는 어떻게 해야할까? 세로로 스크롤하려면 SingleChildScrollView를 사용하면 됐었다. 이에 관련하여서는 아래 링크를 참고하길 바란다. https://chocohaim1121.tistory.com/35 [flutter] 플러터에서 특정 container 자체를 스크롤 형태로 만드는 방법 Container( child: ( SingleChildScrollView( child: Column( children: [] ) ) ) ) SingleChildScrollView 내부에 child로 Column을 넣고 그 안에 있는 children이 실질적으로 Container 안에서 스크롤 될 부분이.. chocohaim1121.tistory..