[flutter] 플러터 GridView에서 아이템을 선택하여 다른 화면으로 이동하는 방법은?
이번에는 플러터(FLutter) 앱에서 GridView에서 아이템을 선택하여 다른 화면으로 이동하는 방법에 대해 알아보겠습니다.
1. GridView 생성
우선 GridView를 생성하여 아이템들을 보여주는 화면을 구성합니다.
GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
),
itemCount: itemCount,
itemBuilder: (context, index) {
return GestureDetector(
onTap: () {
// 아이템을 선택했을 때의 동작을 정의
},
child: YourGridItemWidget(),
);
},
)
위 예시에서 YourGridItemWidget 에는 그리드 아이템을 표시하는 위젯이 들어가게 됩니다.
2. 다른 화면으로 이동
아이템을 선택했을 때의 동작을 정의하기 위해 onTap 콜백 안에 특정 화면으로 이동하는 코드를 작성합니다.
onTap: () {
Navigator.push(
context,
MaterialPageRoute(builder: (context) => YourNextScreen()),
);
}
이렇게하면 아이템을 선택했을 때 YourNextScreen 으로 이동하게 됩니다.
이제 위의 코드를 참고하여 플러터 GridView에서 아이템을 선택하여 다른 화면으로 이동하는 기능을 구현해 보세요.