[Flutter] Appbar trailling button 만들기(오른쪽 버튼)

개발 환경

---------------------------------

OS : Mac

개발 툴 : android studio

개발 언어 : dart

개발 프레임워크 : flutter

---------------------------------

 

<전체코드>

@override
Widget build(BuildContext context) {
  return Material(
    color: Colors.white,
    child: Scaffold(
      drawer: NavDrawer(),
      appBar: AppBar(
        actions: <Widget>[
          IconButton(
            onPressed: () {
              if (searchTxt != "") {
                _performSearch(searchTxt);
              } else {
                loadBoardItem();
              }
            },
            icon: Icon(Icons.search),
          ),
        ],
      ),
      body: SafeArea(

 

 

appbar 오른쪽에 버튼을 추가하려고 하니 잘 안된다.

action 속성을 이번에 알았다.

 

 

actions: <Widget>[
  IconButton(
    onPressed: () {
      if (searchTxt != "") {
        _performSearch(searchTxt);
      } else {
        loadBoardItem();
      }
    },
    icon: Icon(Icons.search),
  ),
],

 

소스를 보면 알 수 있듯이 action 속성은 배열로 받기 때문에 컴포넌트를 여러개 넣을 수 있겠다.