Composition vs. Inheritance - Building Flutter Widgets From Scratch

Composition vs. Inheritance - Building Flutter Widgets From Scratch

 

[Ko]

 - Floating Action Button이 만들어진 code를 보면 RawMaterialButton을 기초로 만들어진 것을 확인할 수 있음.

 - RawMaterialButton을 이용해서 우리만의 custom button을 만들어서 사용해보자.(+ 버큰 제작)

 

[En]

 - If you look at the code created by Floating Action Button, you can see that it was created based on RawMaterialButton.
 -Let's make and use our own custom button using RawMaterialButton.

 

 - final code

class RoundIconButton extends StatelessWidget {

  RoundIconButton({@required this.icon, @required this.onPressed});

 

  final IconData icon;

  final Function onPressed;

 

  @override

  Widget build(BuildContext context) {

    return RawMaterialButton(

      child: Icon(icon),

      onPressed: onPressed,

      elevation: 6.0,

      constraints: BoxConstraints.tightFor(

        width: 56.0,

        height: 56.0,

      ),

//      shape: CircleBorder(),

      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(10.0)),

      fillColor: Color(0xFF4C4F5E),

    );

  }

}