[Flutter] 플러터 - 카드 동적 생성 및 가로 세로 비율 조정(Dynamic card creation and aspect ratio adjustment)

 

 

[Flutter] 플러터 - 카드 동적 생성 및 가로 세로 비율 조정(Dynamic card creation and aspect ratio adjustment)

 

 

 

 

Flutter 플러터 - 카드 동적 생성 및 가로 세로 비율 조정(Dynamic card creation and aspect ratio adjustment)

 

 

 

이모티콘・01・고양이 마멋 친구들 - Google Play 앱

 

 

안녕하세요 정보처리마법사 입니다.

 

이번 포스팅의 주제는 카드 동적 생성에 관한 내용입니다.

 

GridView.builder() 메서드를 사용해서 카드를 생성할 때 아무 설정도 하지 않으면 정사각형 모양이 되며 Overflow가 납니다. 그럴땐 비율을 셋팅해주면 됩니다.

 

Scaffold 안에 body부분에 Container 안에 GridView.builder() 를 사용해서 안쪽에 gridDelegate 부분에 childAspectRatio를 조정하면 됩니다.

 

 

이상으로 포스팅을 마칩니다. 감사합니다.

 

 

body: Container(
        color: bodyColor,
        child: GridView.builder(
          itemCount: 7,
          itemBuilder: (context, index) {
            return Card(
              elevation: 2,
              color: Colors.grey,
              child: Column(
                children: <Widget>[
                  Expanded(
                    flex: 5,
                    child: Image.asset('name'),
                  ),
                  Expanded(
                    flex: 2,
                    child: ListTile(
                      title: Text('$index Title'),
                      subtitle: Text('$index Sub Title'),
                    ),
                  ),
                ],
              ),
            );
          },
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 2,
            childAspectRatio: .8,
          ),
        ),
      ),

 Ctrl + C ,   Ctrl + V 

 

 

 

 

 

 

 

이상으로 포스팅을 마칩니다. 감사합니다.

 

 

 

 

잘 못 된 정보가 있으면 말씀해주세요.

공감버튼 클릭은 작성자에게 큰 힘이 됩니다.  행복한 하루 되세요.

 

“파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음"