가로세로 레이아웃 다른 모드

정재한·2022년 7월 28일
0

앱개발

목록 보기
2/23
return OrientationBuilder(builder: ((context, orientation) {
                  return GridView(
                    //질문: 함수부분 모름
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount:
                          orientation == Orientation.portrait ? 2 : 3,
                      mainAxisSpacing: 10,
                      crossAxisSpacing: 10,
                    ),
                    children: videos
                        .where((e) => e.tags.contains(_query))
                        .map((Video video) {
                      return InkWell(
                          onTap: () {
                            Navigator.push(
                              context,
                              MaterialPageRoute(
                                  builder: (context) =>
                                      VideoApp(video.videos['medium']['url'])),
                            );
                          },
                          child: Stack(
                            alignment: Alignment.center,
                            children: [
                              ClipRRect(
                                borderRadius: BorderRadius.circular(10),
                                child: Image.network(
                                  'https://i.vimeocdn.com/video/${video.pictureId}_${video.thumbnailSize}.jpg',
                                  fit: BoxFit.cover,
                                ),
                              ),
                              const Icon(
                                Icons.play_arrow,
                                color: Colors.white,
                              ),
                            ],
                          ));
                    }).toList(),
                  );
                }));```
                
                오리엔테이션으로 감싸고 builder: ((context, orientation) 이거 하고 crossaxiscount에 == Orientation.portrait ? 2 : 3, 이거 넣는다

0개의 댓글

관련 채용 정보