flutter_프로젝트/2_액자_만들기

2. 액자 만들기 - 아웃라인

studyapps 2024. 12. 8. 11:40

1. 일단 'a', 'b'라고 써지는 페이지를 만든다

2. 위의 두 페이지가 표시되고, 손으로 넘기면 넘어간다.

 

1번

일반 stateless 위젯으로 간단한 페이지를 만든다.

class page_a extends StatelessWidget {
  const page_a({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      child: const Text('a'),
    );
  }
}

class page_b extends StatelessWidget {
  const page_b({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      child: const Text('b'),
    );
  }
}

 

2번

메인 바디에 pageview 위젯을 추가한다.

pageview 위젯에 아래와 같이 추가한다.

      body: PageView(
        controller: PageController(),
        children: const [page_a(), page_b()],
      ),

 

이렇게 작성 후 실행하면 page_a와 page_b가 보여진다.

 

'flutter_프로젝트 > 2_액자_만들기' 카테고리의 다른 글

1. 액자 만들기 - 계획  (0) 2024.11.23