UI
-
[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..
-
[flutter] 플러터 TextButton의 테마(theme), 스타일(style), 글자 색 등 일괄 변경앱 개발/플러터(Flutter) 2022. 7. 21. 17:24
플러터에서 textButton의 스타일을 일괄 변경하는 방법을 알아보자. 전체 테마 적용 전에는 파란색 글씨로 버튼이 만들어져있는 것을 볼 수 있다. 채크박스 및 버튼 1,2,3이 모두 TextButton으로 이루어져 있다. 이것을 검정색으로 일괄적으로 바꿔줄 것이다. 아래 코드는 textButton의 테마를 한꺼번에 변경하는 코드로써, 특히 주된 색인 primary 속성을 검정색으로 바꾸는 코드이다. GetMaterialApp 클래스 내부에서 theme 속성은 ThemeData 클래스를 설정할 수 있으며, ThemeData는 다양한 테마 클래스를 속성으로 갖는다. 그 중 textButtonTheme 속성을 아래와 같이 작성해 준다. textButtonTheme: TextButtonThemeData( s..