[flutter] 플러터 GridView에서 아이템을 선택하여 다른 화면으로 전환하는 방법은?

18 Dec 2023

flutter

먼저, GridView를 생성하고 아이템 리스트를 채웁니다. 아래는 이를 위한 기본 코드입니다.

GridView.builder(
  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2),
  itemBuilder: (BuildContext context, int index) {
    return GestureDetector(
      onTap: () {
        // 아이템을 선택했을 때 할 작업들을 여기에 추가합니다.
        Navigator.push(
          context,
          MaterialPageRoute(builder: (context) => 다른화면()),
        );
      },
      child: YourGridItem(),
    );
  },
  itemCount: itemCount,
)

위 코드에서는 GridView.builder를 사용하여 그리드 레이아웃과 아이템 수를 정의했습니다. GestureDetector 위젯을 사용하여 각 아이템에 탭 이벤트를 추가하고, 탭될 때 내비게이션을 통해 다른 화면으로 이동하도록 했습니다. 다른화면()은 이동할 대상 화면을 나타내는 것이므로, 원하시는 페이지로 대체하셔야 합니다.

이렇게 하면 GridView에서 아이템을 선택하고 다른 화면으로 전환하는 기본적인 방법입니다.