패스트 캠퍼스 챌린지 28일차

이미지를 다른걸로 선택할 수 있습니다.

◆ 수강 강의명: 

• CH02_24. 나만의 옷장 만들기 

---

◆ 강의 내용 :

★온도에 따라 옷이 바뀌는 코드를 만들 예정입니다. 

그 코드는 

class ClothTmp { 

int tmp;

List<String> cloth;

 

ClothTmp(this.tmp, this.cloth);

}

 

★ Shared Preference

-데이터 베이스에 저장하지 않고 내부 다른 저장소에 저장할 수 있는 기능.

-사용자 설정 정보를 저장하기 용이함.

-사용자 위치 정보를 저장할 때 사용할 수 있음. 

 

☆Shared Preference 사용 방법 

pubspec.yaml 들어가서 > shared_preferences: ^0.5.2 추가 > pub get 클릭

>data 파일안에 새로운 dart 파일 추가 >preference 이름으로 추가

 

-preference 파일에 적을 코드는 

class Preference {

Future<List<ClothTmp>> getTmp() async {

SharedPreferences pref = await SharedPreferences.getInstance();

 

pref.getStringList(""

}

}

 

 

★Set를 여러개 만들어 옷을 온도에 따라 변경할 수 있게 만들 예정입니다. 

코드는

List<List<String>> sets = [

["assets/img/jumper.png", "assets/img/long.png", "assets/img/short.png"],

["assets/img/jumper1.png", "assets/img/skirts1.png", "assets/img/short1.png"],

...

onTap: (){ //선택할 수 있는 코드

showDialog(

context: context,

builder: (ctx) {

return AlertDialog(

content: ListView(

children: List.generate(sets.length, (_idx){

return Container(

child: Row(

}),

actions: [ 

TextButton(child: Text("닫기")

onPressed: (){

Navigator.of(context).pop():

},

 

 

 

---

◆ 강의 요약 :

UI에서 이미지 변경 방법 실습 

 

---

 

---

<후기> 
UI에서 이미지 변경하는 방법의 코드 작성과 이미지 추가, 다시 앱을 불러오는 방법을 배워 여러 활용 가능성을 배웠습니다.

 

---

 

 

#패스트캠퍼스 #패캠챌린지 # 직장인인강 #직장인자기계발 #패스트캠퍼스후기

#누적 다운로드 120만+ 1인 개발자와 함께하는 앱 개발 입문 Online.

https://bit.ly/37BpXiC

패스트캠퍼스 [직장인 실무교육]

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.