flutter study - 06 custom widget

빈공간에 stless 입력하고 tab키 누르면 아래 내용이 자동완성된다

class  extends StatelessWidget {  
  const ({Key? key}) : super(key: key);  

  @override  
  Widget build(BuildContext context) {  
    return Container();  
  }  
}

Custom widget 만들기

아래처럼 class의 이름을 정의하고 return 부분에 위젯 내용을 쓴다.

class TestWidget extends StatelessWidget {  
  const TestWidget({Key? key}) : super(key: key);  

  @override  
  Widget build(BuildContext context) {  
    return SizedBox(  
      child: Text("Hi"),  
    );  
  }  
}

그럼 아래처럼 custom위젯을 호출해서 사용할수 있다.

return MaterialApp(  
  home: Scaffold(  
      appBar: AppBar(),  
      body: TestWidget(),  
  )  
);