Flutter

Elevated button 모서리 둥글게

Michelle Hwang 2021. 4. 16. 09:25

 

api.flutter.dev/flutter/material/ElevatedButton-class.html

 

ElevatedButton class - material library - Dart API

A Material Design "elevated button". Use elevated buttons to add dimension to otherwise mostly flat layouts, e.g. in long busy lists of content, or in wide spaces. Avoid using elevated buttons on already-elevated content such as dialogs or cards. An elevat

api.flutter.dev

요런 버튼을 만들기 위해.

ElevatedButton(
              onPressed: () {},
              child: Icon(Icons.refresh),
              style: ButtonStyle(
                foregroundColor: MaterialStateProperty.all<Color>(Colors.white),
                backgroundColor:
                MaterialStateProperty.all<Color>(Colors.orange),
                shape: MaterialStateProperty.all<RoundedRectangleBorder>(
                    RoundedRectangleBorder(
                      borderRadius: BorderRadius.circular(18.0),
                      //side: BorderSide(color: Colors.red) // border line color
                    )),
              ),
            ),

 

'Flutter' 카테고리의 다른 글

Positioned / Positioned.fill  (0) 2021.05.25
[Error] Vertical viewport was given unbounded height  (0) 2021.05.20
Provider 사용하기.  (0) 2021.05.08
WebView_flutter 플러그인  (0) 2021.05.03
Widgets  (0) 2021.03.22