플러터
-
[Flutter] 플러터 이미지 확대하기 InteractiveViewer를 활용하자.Flutter 2022. 2. 19. 15:01
플러터에서 이미지를 확대하기 위해서 어떤 방법이 있을까 하고 찾아보다 좋은 위젯을 만났다. 현재 영어단어를 보고싶은데 이미지가 확대가 안되고 이렇게 봐선 뭐라고 쓰여있는지도 모르겠다. 이럴 땐 플러터에서 제공하는 InteractiveViewer로 해당 이미지를 보여주는 widget을 감싸주기만 하면 된다. InteractiveViewer( constrained: false, child: AssetThumb( asset: Asset(pickImage.image, "noimg.png", 400, 400), width: 400, height: 400, ), ), 안드로이드 스튜디오 에뮬레이터는 윈도우 기준으로 ctrl + 마우스로 줌이 가능하다. 또 한 InteractiveViewer는 플러터 Flutter ..
-
[Fluttet] 플러터 앱 예제 가게 이름 선택하기 예제 (하) (삼항연산자)Flutter 2022. 1. 1. 14:20
안녕하세요! 이전에 했던 예제를 이어서 진행해보겠습니다. price와 title은 가져와보셨나요? Stack( children: [ ClipRRect( borderRadius: BorderRadius.circular(60), child: Container( width: 80, height: 80, child: Image.network( foodList[index]["image"], fit: BoxFit.cover, ))), Padding( padding: EdgeInsets.only(left: 110.0), child: Text( foodList[index]["title"], style: TextStyle( fontWeight: FontWeight.bold, fontSize: 21), ), ), Padd..
-
[Flutter] 플러터 앱 예제 가게 이름 선택하기 (상) (map 활용하기)Flutter 2021. 12. 30. 12:30
안녕하세요 사랑니 뽑기 전에 긴장된 마음을 가라앉히고자 만든 간단한 가게 이름 선택 예제 앱을 만들어 보았습니다. 제작하면서 머릿속에 흐트러져있는 개념도 정리하고 정보도 나누고 싶어 작성하는 것이니 부족한 점이 있다면 피드백 주셔도 괜찮습니다. 우선 완성된 앱은 이렇습니다. 각자 취향에 따라 좋아하는 이미지와 텍스트를 입력하셔도 됩니다! 우선 StatefulWidget으로 foodList라는 List를 하나 만들어주었습니다. List foodList = [ { "title": "군침이 마카롱", "price": 3900, "image": "https://t1.daumcdn.net/cfile/tistory/99758C355F7F04AA25", "thx": "반갑습니다." }, { "title": "햄깅이 ..