<AspectRatio 위젯>
- 특정한 비율을 따르는 위젯을 만들 수 있도록 해 줌
<예제코드>
itemBuilder: (context, index) => AspectRatio(
aspectRatio: 9 / 16,
child: FadeInImage.assetNetwork(
fit: BoxFit.cover,
placeholder: "assets/images/placeholder.jpg",
),
<세부내용>
AspectRatio(
aspectRatio: 9 / 16,
가로 : 9 / 세로 : 16의 비율
fit: BoxFit.cover,
- 이미지가 어떤 방식으로 부모요소에 적용될 지 정해줌
- 기본값은 BoxFit.contain
- BoxFit.cover는 공간을 다 덮는 속성
[Flutter] GridView - asknsolve.com
GridView.builder( padding: const EdgeInsets.all(Sizes.size6), itemCount: 20, gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, crossAxisSpacing: 10, mainAxisSpacing: 10, childAspectRatio: 9 / 16, ), itemBuilder: (context, in
asknsolve.com
'Coding > Flutter' 카테고리의 다른 글
| [flutter] 터치했을 때 Splash 효과 없애기 - asknsolve.com (0) | 2023.04.03 |
|---|---|
| [Flutter] GridView - asknsolve.com (0) | 2023.04.03 |
| [flutter] DefaultTextStyle widget : asknsolve.com (0) | 2023.04.01 |
| [Flutter] Gridview 로딩 중일때 기본사진 추가 - FadeInImage 위젯 (0) | 2023.03.31 |
댓글