Search
🚐

4. 새로운 페이지 추가하기

로그인 페이지 혹은 다른 화면을 첫화면으로 실행

main.dart파일 수정

import 'signup_screen.dart' //로그인화면을 main에서 사용할 수 있게 import @override Widget build(BuildContext context) { return MaterialApp( title: '...', theme: ThemeData( primarySwatch: Colors.deepOrange, scaffoldBackgroundColor: Colors.white, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: const SignupScreen(), // 앱 시작 시 회원가입 화면을 첫 화면으로 설정 );
JavaScript
복사
부가 설명
Flutter의 MaterialApp 위젯에서 home 속성은 앱이 시작될 때 표시할 기본 라우트(첫 화면)를 지정합니다. 여기서 SignupScreen()home 속성의 값으로 설정했기 때문에, 앱이 실행되면 가장 먼저 SignupScreen 위젯이 화면에 표시됩니다.
만약 다른 화면을 첫 화면으로 지정하고 싶다면, 해당 화면의 위젯을 home 속성의 값으로 변경하면 됩니다. 예를 들어:
dart 복사 home: const HomeScreen(), // 앱 시작 시 홈 화면을 첫 화면으로 설정
Dart
복사
또는
dart 복사 home: const LoginScreen(), // 앱 시작 시 로그인 화면을 첫 화면으로 설정
Dart
복사
이런 식으로 변경

호출이 진행되는 클래스 생성

home: const SignupScreen(),
JavaScript
복사
해당 부분에서 호출되는 SignupScreen에 대한 클래스를 생성해주어야함

signup_screen.dart

class SignupScreen extends StatefulWidget { const SignupScreen({Key? key}) : super(key: key);
JavaScript
복사