[Flutter] stless로 코드 정리하기

plugin stless 을 사용해보자

 

Widget

    
    void main() {
  runApp(
    MaterialApp(
        debugShowCheckedModeBanner: false,
        home: Scaffold(
      backgroundColor: Color(0xFFF99231),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center, // 기본이 세로상단임
        children: [
          Image.asset(
            'asset/img/logo.png',
          ),
          CircularProgressIndicator(
            color: Colors.white,
          ),
        ],
      ),
    );
    ),
  );
}

 

 

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // 위젯 리턴하는 함수
    // 원하는 위젯을 넣어줄 수 있다.
    return Scaffold(
      backgroundColor: Color(0xFFF99231),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center, // 기본이 세로상단임
        children: [
          Image.asset(
            'asset/img/logo.png',
          ),
          CircularProgressIndicator(
            color: Colors.white,
          ),
        ],
      ),
    );
  } // 위젯으로 바꾸고 싶으면 StatelessWidget으로 상속 받으면 된다
}

 

 

stless 플러그인을 사용하면

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

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

 

자동으로 Wiget build를 override할 수 있다.