안녕하세요. 이번 포스팅에서는 Flutter AppBar에 검색 입력창을 보여주는 방법에 대해서 알아보겠습니다. 이전에 작성한 iOS와 안드로이드 appBar의 title 정렬하는 거의 확장된 개념이라고 보시면 될거 같습니다. 방법은 간단하게 appBar의 title에 전체 너비의 Container와 TextFiled, Button을 추가해주면 됩니다. ... return Scaffold( appBar: AppBar( title: Container( child: TextField(), ), actions: [ TextButton( onPressed: () {}, child: Text('검색'), ), ], ), body: Text( '바디', ), ); ... 위의 코드를 작성을 하고 실행을 해보면 아래..

안녕하세요. 이번 포스팅에서는 이전에 iOS 타이틀 왼쪽 정렬하기에 이어서 안드로이드 타이틀을 중앙 정렬하는 방법에 대해서 알아보겠습니다. Flutter 안드로이드 appBar의 타이틀은 기본 왼쪽 정렬이 되어 있습니다. ... return Scaffold( appBar: AppBar( title: Text( '테스트', ), ), body: Text( '바디', ), ); ... 그렇다면 안드로이드에서 타이틀을 중앙 정렬을 하는 방법은 어떻게 하면 될까요?? 이전 포스팅 iOS에서 타이틀 왼쪽 정렬하는 방법에서 마지막 부분의 appBar의 title의 Widget을 전체 너비의 Container와 그 안에 Text를 중앙 정렬로 추가를 해주면 쉽게 중앙 정렬을 할 수 있습니다. Flutter iOS A..

안녕하세요. 이번 포스팅에서는 AppBar에서 타이틀을 왼쪽 정렬하는 방법에 대해서 포스팅을 알아보겠습니다. 개인 토이 프로젝트로 Flutter를 이용해서 앱을 만들고 있는데요. 타이틀을 간단하게 좌측 정렬을 하려고 여러가지를 찾아보고 고민을 하다가 방법을 찾아서 공유를 드리는 글입니다. 먼저 AppBar를 이용해서 타이틀을 추가를 하게 되면 iOS에서 중앙 정렬이 되는 것을 볼수가 있습니다. import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildConte..