반응형 flutter 프로그래밍2 [Flutter] AppBar, BottomNavigator 구현(상단,하단은 고정 & body만 바뀌도록) Flutter에서 상단 바, 하단 네비게이션 구현하기 main.dart MainPage 위젯을 통해 구성된 애플리케이션이다. 애플리케이션의 전체적인 테마와 페이지 구성을 설정하고, 페이지 간 이동을 관리한다. MyApp: MaterialApp을 생성하여 애플리케이션 전체의 테마와 기본 설정을 지정. title은 애플리케이션의 제목을 설정하고, theme은 전체적인 테마 설정을 담고 있음. MainPage: StatefulWidget를 상속하여 페이지 이동과 BottomNavigationBar를 관리하는 위젯 _currentIndex 변수를 사용하여 현재 선택된 페이지 인덱스를 관리하며, _onItemTapped 함수는 탭 이벤트를 처리하여 _currentIndex를 업데이트 _pages 리스트에는 홈페이.. 2023. 7. 5. [Flutter] 반응형 모바일 배너 만들기(슬라이더) Flutter로 반응형 모바일 배너 만들기(슬라이드 형식) main.dart import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'My Mobile App', theme: ThemeData( primarySwatch: Colors.blue, appBarTheme: AppBarTheme( backgroundColor: Colors.white, // 기본 색상 )), home: MyHomePage(), ); } } class MyHo.. 2023. 7. 4. 이전 1 다음 728x90 반응형