# Widget
[FLUTTER][Project] Bottom Navigation Bar Setting
Flutter project 초기 세팅 시 UI 부분에 가장 먼저하는 세팅이 바로 Bottom Navigation Bar 세팅을 먼저한다해당 라이브러리는 BottomNavigationBar 때문에 사용한다기 보다는 router관리가 간편해서 사용하는데 BottomNav
[FLUTTER][Project] Theme and Size Settings
Flutter로 개발을 하다보면 ThemeData, Size 위젯의 속성 값을 받아서 사용하는 경우가 많다ThemeData 속성을 사용하거나 디바이스의 사이즈를 기준으로 사이즈 값을 제어할 경우에 사용하고 싶은 파일마다 아래와 같이 작성을 해야한다이렇게 개발을 하는건
[FLUTTER] Hero()
이번 글에서는 Animation 효과를 주는 위젯인 Hero() Widget에 대해서 알아보겠다Hero 위젯의 사용방법은 간단하다Hero 위젯을 사용하고 싶은 위젯을 감싸서 tag 값을 주면 된다tag는 String 타입이며, 고유의 값 만을 주어야 한다 tag의 값이
[FLUTTER] StatefulWidget()
Flutter project를 처음 실행하면 기본으로 작성되있는 count up 코드가 있다이 코드가 StatefulWidget으로 작성된 코드이다Flutter 개발에 있어서 가장 많이 사용하게 되는 widget이 StatelessWidget, StatefulWidge
[FLUTTER] Row()
이번 글에서 소개할 widget은 이전 글에서 다루었던 Column() 위젯과 유사한 위젯인 Row() widget이다Column이 widget을 세로로 배치한다면 Row는 가로로 배치시키는 위젯이다사용 방법은 Column과 똑같다고 볼 수 있다3개의 container
[FLUTTER] Column()
flutter 위젯 중 위젯을 배치시키는 위젯인 Column(), Row()에 대해서 알아보자이 글에서는 Column()에 대해서만 알아보겠다flutter로 UI 작업을 해보면 여러 widget들을 스크린 상에 배치를 시켜줘야 한다Column() widget은 세로/열
[FLUTTER] AnimatedSwitcher()
오늘은 다양한 animation 기능을 만들 수 있는 AnimatedSwitcher() 위젯에 대하여 알아보겠다AnimatedSwitcher의 속성 값을 보면 transitionBuilder, layoutBuild에 대해서는 다음에 추가로 살펴볼 예정임시간을 제어하는
[FLUTTER] Text()
Flutter widget에서 가장 많이 자주 사용되는 Text() 위젯에 대해 살펴보겠다Text() 속성 값기본 사용법은 Text(String)값으로 간단하게 사용 가능하며, style 속성은 TextStyle() 위젯을 통해서 font size, color, 두께,
[FLUTTER] ListView()
flutter로 실재 App을 개발하면 가장 자주 쓰이는 widget 중 하나가 바로 ListView() 위젯이다.ListView는 list형식의 데이터를 쉽게 보여주는 위젯으로 ListView.builder(), ListView.custom(), ListView.se
[FLUTTER] Custom Icon
기본 icon 외에 custom으로 사용 가능한 icon해당 웹 페이지에서 icon 선택 후 다운로드 하면 된다svg 파일 업로드하여 icon 새로 만드는 것도 가능하다Flutter Custom Icon파일을 다운로드 하면 .dart, config.json, fonts
[FLUTTER] SizedBox()
SizedBox는 widget의 크기를 다루는 위젯이다기본 속성으로는 width, height만 있지만 SizedBox.expand(), SizedBox.shrink(), SizedBox.fromSize()도 사용하여 커스텀 가능함주로 간격 조정시 padding을 많이
[FLUTTER] Container()
Flutter widget 종류 중 사용성이 높고 자주 사용하는 widget인 Container() widget에 대해서 알아보겠음Container() widget은 box의 높낮이를 설정할 수도 배경색을 지정할 수도 있으며 Contianer() 위젯을 잘 다루면 UI
[FLUTTER]START
FLUTTER Project를 생성하면 처음으로 세팅 되어있는 기본 앱을 살짝 변형함먼저 floatingActionButton을 +,- 두 개의 버튼으로 만들기 위해 Row() 위젯으로 감싸줌\+버튼이 눌리면 value의 값을 1씩 올리고 -버튼이 눌리면 value의
[Flutter] widget 개념
Flutter에서 화면에 표시된 모든 요소가 위젯이며, 눈에 보이지 않지만 화면을 구성하는 레이아웃(Layout)도 앱 전체도 모두 위젯이다. 크게 2가지로 나눠진다.이와 같이 flutter는 모든 것이 widget으로 나열되어 있다.
Aug 16, 2021, TIL (Today I Learned) - App Extension
앱 확장 프로그램을 사용하면 맞춤형 기능과 콘텐츠를 앱 외부로 확장할 수 있으며 사용자가 다른 앱 또는 시스템과 상호 작용하는 동안에도 앱 기능을 사용할 수 있습니다.it implements a specific, well scoped task that adheres t
