[Flutter] OutlinedButton remove padding // 패딩제거

OutlinedButton(
  onPressed: () {},
  child: Text(
    "강의소개",
  ),
),

 

OutlinedButton 을 사용하면 기본적으로 가지고 있는 패딩 값이 적용 되어 이런 버튼이 생성됩니다. 

 

 

 이 패딩값을 제거하기 위해서는 OutlinedButton 에 style를 코드처럼 주어야 합니다. 

 

OutlinedButton(
  onPressed: () {},
  child: Text(
    "강의소개",
  ),
  style: OutlinedButton.styleFrom(
    minimumSize: Size.zero,
  ),
),

 

 

 

하지만 아직도 좌우 패딩값이 들어가 있습니다.

minimunSize를 제로로 설정했다면 이제 padding 을 원하는대로 설정해주시면됩니다.

 

 

OutlinedButton(
  onPressed: () {},
  child: Text(
    "강의소개",
  ),
  style: OutlinedButton.styleFrom(
    minimumSize: Size.zero,
    padding: EdgeInsets.only(
      top: 5,
      right: 10,
    ),
  ),
),