728x90
반응형
SMALL

플러터 4

flutter_ IndexedStack 활용하여 상태 유지 화면 위젯 _ 카카오톡 만들기 프로젝트

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..

FLUTTER 2023.09.08

Flutter에서 FontAwesome 아이콘 사용하기, 플러터 폰트어썸 사용방법

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..

FLUTTER 2023.09.08

flutter/플러터 스토어앱 만들기 예제를 통한 Dart 문법 공부

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..

FLUTTER 2023.08.25

은밀한 취미 생활_국비지원_K디지털기초역량훈련_내일배움카드_플러터앱개발

지난 NFT과정 이후 돈이 되는 디지털자산(NFT) 만들기 과정이 27만원에 자부담금 (27,000원) 잔액이 257,000원이 남아 20만원 언저리 강의 1 + 유니티 게임개발 강의(팀스파르타)를 듣고싶어 요즘 핫하다는 플러터언젠가 꼭 필요할 것 같아서 미리 찍먹 수준으로 경험해보고자 모두가 할 수 있는! 플러터 앱 프로그래밍 과정을 신청했습니다. 160,000원에 자부담금(16,000) 입니다! 27~28일은 휴가가 예정되어 있고, 28일부터는 또 개강이라 ^0^ 다음주 이용해서 빠짝 달려 볼 생각입니다!! 오예 재밌게따~!

공부 2023.08.19
728x90
반응형
LIST