본문 바로가기
Flutter/Flutter FAQ

Flutter 플러터: 버튼에서 패딩 제거 - FlatButton, ElevatedButton, OutlinedButton, Flutter: Remove padding in buttons - FlatButton, ElevatedButton, OutlinedButton

by 베타코드 2023. 9. 6.
반응형

질문


기본 마진을 제거하려고 하는데 FlatButton의 마진을 설정/재정의할 수 없습니다.

buttons with padding

Column(children: <Widget>[
      Container(
          children: [
            FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFFFFFFFF),
                  child: Text('LOGIN', style: TextStyle(letterSpacing: 4.0)),
                  shape: RoundedRectangleBorder(side: BorderSide.none)))),
      Container(
          margin: const EdgeInsets.only(top: 0.0),
          child: FractionallySizedBox(
              widthFactor: 0.6,
              child: FlatButton(
                  color: Color(0xFF00A0BE),
                  textColor: Color(0xFF525252),
                  child: Text('SIGN UP',
                      style: TextStyle(
                          fontFamily: 'Lato',
                          fontSize: 12.0,
                          color: Color(0xFF525252),
                          letterSpacing: 2.0)))))
    ])

ButtonThemedebugDumpRenderTree()와 같은 것들을 찾아보았지만 제대로 구현하지 못했습니다.


답변


FlatButton(materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,)
반응형

댓글