Flutter의 GridView에서 그리드 레이아웃을 만들고 싶을 때의 메모
3834 단어 Flutter
참고 링크:
htps : // 아피. fぅ r. 로 v/fぅ는 r/우우드게 ts/G리 dゔぃえ w-cぁ s. HTML
htps : // f ぅ r. ctr의 st. 코 m / 바시 c / 아 요 t / g 리 d ぃ 아 w
h tps : // f ぅ는 r에몽. 코 m / 호 w - 우세 - ぃ s 치치
특히 어려운 곳은 없지만,
・Column 안에 GridView를 두고 싶은 경우는 Expanded로 랩한다(여기서 1시간 정도 녹았으므로 메모)
· GridView의 자식 요소는 Card가 아니어도 Tile이든 Container이든 괜찮습니다.
・그리드의 종횡비를 바꾸고 싶을 때는, childAspectRatio를 설정하는, 황금비(약 1.618)로 하면 좋은 느낌에 깨끗 w
・scrollDirection은 디폴트로 Axis.vertical, 횡스크롤로 바꾸고 싶은 경우는 Axis.horizontal로 한다
Expanded(
child: GridView.count(
crossAxisCount: 3,
childAspectRatio: 1.618,
mainAxisSpacing: 0.0,
crossAxisSpacing: 0.0,
scrollDirection: Axis.horizontal,
children: [
Card(
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Text('お薬手帳'),
),
color: Color(0xffddeedd),
),
Card(
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Text('血圧手帳'),
),
color: Color(0xffddeedd),
),
],
),
),
Reference
이 문제에 관하여(Flutter의 GridView에서 그리드 레이아웃을 만들고 싶을 때의 메모), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/igakeso/items/3d59a689d440a4c75b62텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)