app_maker_player의 등록된 링크

키자드에 등록된 총 8개의 포스트를 확인하실 수 있습니다.

Naver Blog

[Flutter] SliverAppBar 이것으로 끝내자

앱을 만들던 중 예쁜 디자인을 발견했으니... 찾아보니 SliverAppBar를 이용하면 된다고 합니다. 공식사이트: https://api.flutter.dev/flutter/material/SliverAppBar-class.html SliverAppBar class - material library - Dart API description SliverAppBar class A Material Design app bar that integrates with a CustomScrollView . An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar . App bars typically expose one or more common actions with IconButton s which are optionally fol... api.flutter.dev

Naver Blog

[flutter] Checkbox 한번에 끝내기

왜 써보려고 하는가? 로그인 기능을 만들려던 중 아래 사진과 같은 아이디 기억하기를 만들려던 참이었습니다. 체크박스 인 것은 알았지만, 막상 쓰려니 개념이 부족했음....을 깨닫고 Checkbox를 정리 해보고자 합니다. 간단한 예제 다음 예제는 공식 사이트를 참고하였습니다 https://api.flutter.dev/flutter/material/Checkbox-class.html Checkbox class - material library - Dart API A Material Design checkbox. The checkbox itself does not maintain any state. Instead, when the state of the checkbox changes, the widget calls the onChanged callback. Most widgets that use a checkbox will listen for the onChanged callback a

Naver Blog

[flutter] AnimatedContainer 이것으로 끝내자

공식 홈페이지 기반으로 정의와 예를 들겠습니다. AnimatedContainer 가 뭔가요? 아래는 공식 홈페이지에서 가져온 내용입니다. 캡처본 정의를 캡쳐해 왔습니다. 말이 길게 되어있네요 중요한 것은 다음과 같습니다. AnimatedContainer는 이전값에서 새로운 값으로 자동으로 바뀝니다. 아무것도 신경쓰지 말고 curve 와 duration만 설정해주면 됩니다. AnimatedContainer는 암시적 애니메이션입니다. 정리하자면 이전값과 새로운 값은 적어주고 , curve 와 duration가 뭔진 몰라도 설정해주면 되는구나 ! AnimatedContainer는 암시적 애니메이션이구나 ! 까지 생각해주시면 됩니다. 참고로 생성자 속성도 첨부합니다. 정렬, 패딩, 색깔, decoration, 너비 , 높이 , 마진, 변형 값 등등을 알맞게 설정하면 자동으로 변경을 줄 수 있습니다. 여기서 중요한 것은 required 속성이 붙은 duration이 제일 중요하겠네요. 제일

Naver Blog

[flutter] 시선을 끄는 Onboarding Screen 만들기 _ 코드로 정리

-작성중에 있습니다-

Naver Blog

[flutter] 상태관리로 핫한 "getX" 사용법, 실습

상태관리에 핫하다는 "getX"를 다뤄보겠습니다. 사실 getX를 쓰면 상태관리 뿐만 아니라 , 화면이동 , 종속성 주입을 편하게 할 수 있습니다. 우리의 초점은 상태관리이므로 상태관리가 무엇인지 어떻게 쓰는지를 다뤄보겠습니다. 상태관리가 무엇일까요? 상태 = 데이터(data)라고 생각하시면 됩니다. 화면에서 실시간으로 변하는 여러 데이터를 관리한다고 생각하시면 됩니다. 상태관리가 왜 필요한가? 특정 데이터가 바뀔 때 마다 전체를 다시 렌더링 한다면 성능이 떨어지므로 상태관리가 필요합니다. 예를 들어보겠습니다. 커뮤니티에 댓글을 작성했습니다. 이 댓글은 바로 화면에 반영이 되어야 하겠죠 화면에 보여줘야 하는 데이터에 변경이 생긴 것입니다. 다시말해 화면이 바뀌어야 합니다. 이때 굳이 상태관리를 해줘야 하는 이유가 뭘까요? 화면이 바뀐다는 것은 build가 재실행 된다는 뜻입니다. 댓글이 추가되거나, 누군가 공감 버튼을 누른다고 했을때 , 그럴 때마다도 화면 전체가 다시 렌더링 된다면

Naver Blog

[Flutter] Dart 에서의 Future, then, async/await

Future에 대해서 알아보도록 할께요 flutter 혹은 dart를 사용하실 때 종종 나오는 개념인데요 같이 살펴보겠습니다. 우선 공식문서부터 보겠습니다. future는 일종의 "바구니"라고 생각해주세요 future=바구니 나 ---------------------> 상대방 상대방에게 바구니를 전달해주는 것입니다. 우선 바구니를 전달하고, 나중에 바구니 안을 채울 수가 있습니다. 바구니 안을 채웠냐 안채웠냐에 따라 2가지를 상태를 가집니다. 바구니만 주는 uncompleted 상태 나중에 바구니 안을 채워주면 completed 상태로 바뀌게 됩니다. 이렇게 바구니의 상태는 2가지가 있는 것입니다. 다시 정리해볼께요 future는 나중에 값이 채워지기를 기대하는 "바구니" 입니다. 값이 채워지지 않았으면 uncompleted상태, 값을 채워줬으면 completed 상태를 가집니다. 이제부터는 예를 들어보겠습니다. future는 무엇인지 간단한 예를 들어보겠습니다. 첫번째 예제 imp

Naver Blog

[flutter] 접기/펴기를 (collapse/Expand) 만들어보자

접기/펴기를 만들기 위해서는 => 확장타일 위젯을 사용하면 됩니다. 간단하게 만들어보겠습니다. 우선 다음과 같은 환경을 준비해주겠습니다. 아래의 코드는 간단한 AppBar만 있는 환경입니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', debugShowCheckedModeBanner: false, home: Scaffold( appBar: AppBar( title: Text('ExpansionTile'), ), )); } } 이제 만들어보겠습니다. 1)기본뼈대 아래 코드에서 body뒤에를 보

Naver Blog

[flutter] TextFormField 하기 전 InputDecoration 살펴보기

입력을 받는 공간을 만들기 위해서 TextFormField를 사용해야 합니다. 입력 받는 공간은 무엇이냐구요? 아래와 같이 입력받는 화면을 많이 보셨을 텐데요 . 그렇게 어렵지 않아요. 근데 흔히 아시는 테두리 모양, 클릭했을 때 모습을 바꾸기 위해서는 InputDecoration 안에서 정의해야 합니다. 우선 InputDecoration 보면 좋을 것 같네요. 지금부터 TextFormField 의 속성 중에서 InputDecoration 먼저 살펴보도록 하겠습니다. 먼저 공식문서 예제부터 훑어보기 https://api.flutter.dev/flutter/material/InputDecoration-class.html InputDecoration class - material library - Dart API description InputDecoration class The border, labels, icons, and styles used to decorate a Materia

1