Flutter의 GridView에서 그리드 레이아웃을 만들고 싶을 때의 메모

3834 단어 Flutter
Flutter의 GridView에서 그리드 레이아웃을 만들고 싶을 때의 메모


참고 링크:
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),
                  ),                
                ],
              ),
            ),

좋은 웹페이지 즐겨찾기