IndexedStack이란 Stack 위젯의 특별한 형태로, 여러 자식 중 하나를 표시하고 index 속성을 변경하여 다른 자식을 화면에 표시할 수 있습니다. IndexedStack을 활용하여 자식에 IndexedStack1, 2, 3이라는 텍스트를 배열로 주었고, bottomNavigationBar를 하단에 내비게이션바로 똑같이 3개의 아이콘의 배열로 구성했습니다. currentIdex로 선택된 아이콘에 컬러가 바뀔 수 있도록 했고, onTap 으로 index를 선택 할 수 있도록 했고 print를 해봤을 때 잘 보입니당 class _MainScreenState extends State { int _selectedIndex = 0; @override Widget build(BuildContext con..

pubspec.yaml 파일에서 dependensies에 font_awesome_flutter 추가 버전은 알맞는 걸로!! dependencies: flutter: sdk: flutter font_awesome_flutter: ^9.0.0 저는 하단 내비게이션바에 아이콘을 사용하겠습니다! 알맞는 아이콘으로 찾아서 사용하세용! icon: Icon(FontAwesomeIcons.user) icon: Icon(FontAwesomeIcons.comment) icon: Icon(FontAwesomeIcons.ellipsisH) bottomNavigationBar: BottomNavigationBar( items: [ //FontAwesome 아이콘 사용 BottomNavigationBarItem( icon: Ic..

Dart 문법 공부 후 만들어 본 첫 플러터 프로젝트...헤헷....! 우선 매우 간단하게 앱 구조 파악만 해보았다 첫 경험의 안드로이드 스튜디오는 꽤 친절했다. 친해지자 내일은 또 까먹을거니까 기록 + assets 폴더 만들어주기 + pubspec.yaml 파일 수정 후 pup get void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key : key); @override Widget build(BuildContext context) { //앱의 기본구성인 Material return MaterialApp( debugShowCheckedModeBanner: f..

1. 플러터 설치하기 https://docs.flutter.dev/get-started/install/windows Windows install How to install on Windows. docs.flutter.dev 2. 압축파일 풀어주기 경로 폴더 안에 압축을 푼 파일만 남겨주기 3. 시스템 환경변수 편집 검색 후 열어주고 하단 환경 변수(N) 눌러서 4. 시스템 변수에서 Path를 찾아 클릭해줍니다. 새로만들기에 아까 압축을 풀어준 Flutter파일의 bin 폴더의 경로를 넣어줍니다. 확인 - 확인 - 확인 후 5. CMD에서 확인해보기 flutter --version 을 확인해보면 잘 확인 되었구요 flutter doctor 도 확인해 줍니다. 이제 안드로이드 스튜디오를 설치해야해용~