Flutter - Spacer 위젯, 공간 여분 주기

Spacer 위젯

- Column, Row위젯 처럼 Flex공간이 존재하는 위젯에서 위젯과 위젯 사이의 공간의 여백을 주는데 사용된다.

- 생성자 flex를 선언할 수 있다, 

- flex : 위젯 사이의 비율을 말한다.

 

소스코드

Column(
          children: [
            Expanded(
              flex: 3,
              child: Column(
                children: [
                  const Spacer(), // 공간 여백 추가 
                  Text(
                    "TOKOTO",
                    style: TextStyle(fontSize: getProportionateScreenHeight(36), color: kPrimaryColor, fontWeight: FontWeight.bold),
                  ),
                  const Text("Welcome to Tokoto, Let's shop!"),
                  const Spacer(flex: 2),  // 공간 여백 추가 
                  Image.asset(
                    "assets/images/splash_1.png",
                    height: getProportionateScreenHeight(265),
                    width: getProportionateScreenWidth(235),
                  )
                ],
              ),
            ),
            const Expanded(
              flex: 2,
              child: SizedBox(),
            ),
          ],
        ),