욱쓰 욱쓰

위 이미지처럼 StatusBar가 거슬릴 때가 있는데 둘 다 제거하는 방법과 상단과 하단을 따로따로 제거하는 방법을 함께 알아보는 시간을 가졌으면 좋겠습니다. 우선 packge를 불러온 후에 build함수 안에 해당 코드를 넣어주면 됩니다. import 'package:flutter/services.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'news_main.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key key}) : super(key: key);..

이전에 인터넷을 보다가 재밌는 짤을 보게되었는데요. 코딩빌런님이 댓글을 코딩으로 작성하셨더라구요. 정말 신박한 컨셉이라 저도 class 공부도 할겸 dart언어로 코딩빌런님의 의도를 계승받아 작성해보겠습니다. 공부하더라도 재밌게 공부하는게 좋으니까요 ! 우선 Review라는 클래스에 맛,양,배달시간과 저는 추가로 who라는 리뷰하는 사람을 입력하는 변수하나를 작성해주고 생성자를 만들어주었습니다. class Review { int taste; int amount; int deliveryTime; String who; Review(this.taste, this.amount, this.deliveryTime,this.who);} 다음 reviewPrint라는 함수하나를 만들어주겠습니다. 이 함수에는 각 항목에..

학습한 정보를 바탕으로 api 플러터를 이용해 공공 데이터 포털 미세먼지 데이터를 가져와 앱을 제작해보았습니다. 기준 시간 이전에 미세먼지 기록들을 리스트로 불러와 확인이 가능하고 한눈에 쉽게 미세먼지 정보 확인이 가능하게끔 텍스트를 큼직하게 제작해보았습니다. 참고해서 필요한 부분을 수정하시며 그려보시면 많은 도움이 되실 것 같습니다

안녕하세요! 이전에 했던 예제를 이어서 진행해보겠습니다. 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..

안녕하세요 사랑니 뽑기 전에 긴장된 마음을 가라앉히고자 만든 간단한 가게 이름 선택 예제 앱을 만들어 보았습니다. 제작하면서 머릿속에 흐트러져있는 개념도 정리하고 정보도 나누고 싶어 작성하는 것이니 부족한 점이 있다면 피드백 주셔도 괜찮습니다. 우선 완성된 앱은 이렇습니다. 각자 취향에 따라 좋아하는 이미지와 텍스트를 입력하셔도 됩니다! 우선 StatefulWidget으로 foodList라는 List를 하나 만들어주었습니다. List foodList = [ { "title": "군침이 마카롱", "price": 3900, "image": "https://t1.daumcdn.net/cfile/tistory/99758C355F7F04AA25", "thx": "반갑습니다." }, { "title": "햄깅이 ..

안녕하세요 여러분들은 신년 초 계획은 다들 세우셨나요? 저는 매일 일기와 성경 기록을 함께 기록하고 싶은 계획을 가졌답니다! 따로따로 기록하기엔 너무 번거롭기도 하고 관리도 힘드니 둘 다 기록할 수 있는 어플이 있을까 하고 찾아보니.. 없더라고요. 그래서 제가 만들었습니다! 내가 언제 기록했는지 알 수 있는 달력과 함께 일기를 작성해 나가실 수 있고, 간단하게 터치 한번으로 내 하루 감정을 정리할 수 있게 디자인했습니다. "혹시 깜빡하면 어쩌지.?"라는 분들을 위해 알람 기능도 하루 두 번 알람을 제공합니다! 올해부턴 하루 성경 일기와 함께 성경말씀을 기록하며 은혜받는 한 해를 보내셨으면 합니다. 하루 성경 일기가 좋은 습관을 만드는데 도움을 드리겠습니다. https://play.google.com/st..

BottomNavigationBar에 item 속성에 label을 수정하려면 item에 바깥으로 나와 selectLabelStyle을 적용해주면 됩니다. bottomNavigationBar: BottomNavigationBar( items: [ BottomNavigationBarItem( icon: Icon(Icons.today,color: Palette.bottomColor,), label: "기록", ), BottomNavigationBarItem( icon: Icon(Icons.calendar_today_outlined), label: "기록 모아보기", ), BottomNavigationBarItem( icon: Icon(Icons.bar_chart), label: "통계", ), ], selec..

안녕하세요 뿔테 안경의 플러터 이야기입니다. 오늘은 listview.builder를 사용해 예제를 만들어 보려고 합니다. 제가 준비한 예제는 해당 widget을 터치하면 텍스트 필드에 즉시 반영이 되는 기능입니다. 선택 가능한 widget들을 만들기 위해서 listview.builder을 활용했습니다. List iconList = [ '안녕하세요 🙌', '뿔테안경의 플러터 🤩', 'Cool 👍🏼', 'Amazing 👍🏼', ]; 우선 list를 String타입으로 만들어주었습니다. 다음 listview.builder에 높이와 넓이를 지정하기 위해 Container에 높이를 설정해 주었습니다. Container( width: MediaQuery.of(context).size.width, height: 10..