전체 글 39

[Flutter] 공통 AppBar 만들기 aka BaseAppBar

안녕하세요. 개발아빠입니다. 오늘은 화면마다 많이 쓰이는 AppBar를 재사용이 편하게 공통으로 한번 만들어 볼려고합니다. 페이지별로 특이하지는 않지만, 매번 AppBar를 만들던 비효율에서 이제는 청산해 볼려고 합니다. AppBar 지옥 안녕.! @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( leading: IconButton( icon: Image.asset("assets/images/ic_chevron_30_back.png", width: 24, height: 24,), onPressed: () => Navigator.of(context).pop(), ), centerTitle: center, title..

[Flutter] 텍스트필드(TextField) Counter 위치 변경하기

안녕하세요. 개발아빠입니다. 오늘은 텍스트필드 Counter에 위치를 변경하는 방법에 대해서 알아볼려고 합니다. 텍스트 필드에 Counter는 기본적으로 maxLength를 지정하게 되면 자동적으로 텍스트필드 아래에 기본적으로 Couter가 생기게 됩니다. 아래를 보시면 더 이해가 잘되실 거에요. TextField( decoration: InputDecoration( hintText: "전화번호", ), maxLength: 11, ), 그냥 TextField() 이렇게만 선언에도 텍스트 필드가 나오는데 현재 hintText와 maxLength를 추가한 상태입니다. 여기서 maxLength를 추가하면 자동적으로 아래에 counter가 생성되는것을 볼 수 있는데요. 그런데 여기서 디자이너 분이 공유해주신 앱..

플러터(Flutter)에서 Fluro 사용하여 Router 설정하기

안녕하세요. 개발아빠입니다. 오늘은 Flutter에서 Fluro 라이브러리를 사용해서 라우터를 설정하여 화면을 이동하는 것을 간단하게 진행해보려고합니다. 기본적으로 Router설정에 대해서 모르시는 분들은 아래 글을 먼저 보고 와주세요. 2020/09/28 - [개발아빠/Flutter] - 플러터(Flutter) 화면 이동을 위한 Router(라우터) 설정 하기 2020/09/29 - [개발아빠/Flutter] - 플러터(Flutter) 화면 이동 시 데이터 넘기기 먼저 이것을 진행하게 된 이유에 대해서 먼저 간단히 살펴보면요. (말이 길어질꺼같지만요) 네이티브 앱에서는 크게 이슈가 없었는데 플러터로 웹까지 같이 하고 있다보니 문제가 되는 것이 생기더라구요. 웹에서는 앱과는 다르게 브라우저의 주소창을 통..