사소한것부터 바꾸자

App bar Icon Button 본문

앱개발/flutter

App bar Icon Button

뷰베 2022. 3. 10. 15:31
  • leading: 아이콘 버튼이나 간단한 위젯을 왼쪽에 배치할 때
  • actions: 복수의 아이콘 버튼 등을 오른쪽에 배치할 때
  • onPressed: 함수의 형태로 일반 버튼이나 아이콘 버튼을 터치했을 때 일어나는 이벤트를 정의
    appBar: AppBar(
        title: Text('Appbar icon menu'),
        centerTitle: true,
        elevation: 0.0,
        leading: IconButton(
          icon: Icon(Icons.menu),
          onPressed: () {
            print('menu button is clicked');
          },
        ),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.shopping_cart),
            onPressed: () {
              print('shopping_cart button is clicked');
            },
          ),
          IconButton(
            icon: Icon(Icons.search),
            onPressed: () {
              print('search button is clicked');
            },
          ),
        ],
      )

반응형
Comments