반응형 Flutter8 [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. Flutter 유용한 Extensions(확장팩) 추천(Flutter Widget Snippets, Flutter Tree) Flutter Widget Snippets 1. Visual Studio Code 열기: - Flutter 프로젝트를 개발 중인 Visual Studio Code를 엽니다. 2. Snippet 확장 설치: - Visual Studio Code의 왼쪽 사이드바에서 Extensions(확장) 아이콘을 클릭합니다. - 검색 상자에 "Flutter Widget Snippets"를 입력하여 해당 확장을 찾습니다. - "Flutter Widget Snippets" 확장을 선택하고 "Install" 버튼을 클릭하여 설치합니다. 3. Snippets 사용: - Flutter Widget Snippets가 설치되었으면, Flutter 코드 작성 중에 위젯을 빠르게 생성할 수 있습니다. - Dart 파일에서 위젯을 생성하.. 2023. 7. 2. Flutter 첫 시작! 설치부터 실행까지! Flutter로 프로젝트를 시작하는 방법은 다음과 같습니다: 1. Flutter SDK 설치: - Flutter 개발을 위해 먼저 Flutter SDK를 설치해야 합니다. 아래 링크에서 윈도우용 Flutter SDK를 다운로드할 수 있습니다: https://flutter.dev/docs/get-started/install/windows 2. Flutter 설치 경로 설정: - 다운로드한 Flutter SDK 압축 파일을 원하는 디렉토리에 압축 해제합니다. - 압축 해제한 디렉토리의 경로를 시스템 환경 변수 PATH에 추가합니다. 이렇게 하면 터미널에서 `flutter` 명령어를 실행할 수 있게 됩니다. 3. Flutter 및 Dart 플러그인 설치: - Visual Studio Code에서 Flutter.. 2023. 7. 1. 이전 1 2 다음 728x90 반응형
