분류 전체보기 (226) 썸네일형 리스트형 home_page home_page는 NestedScrollView, SliverList를 사용한다. sliverList는 gridview나 listview같은 리스트들을 함께 스크롤 하고싶을때 사용한다. sliverList는 delegate 매개변수를 가지고 있습니다. delegate는 뷰를 스크롤하면서 항목을 제공한다. SliverChildListDelegate로 하위 요소 항목을 명시할 수 있다. 구현화면 전체코드 import 'package:finalproject_front/constants.dart'; import 'package:finalproject_front/pages/main/home/components/category_select.dart'; import 'package:finalproject_front.. DropDownButton 카드 결제페이지에서 할부여부 버튼을 누르면 아래와 같이 나오게 할것이다. pubdev에 있는 dropdown_button2 라이브러리 사용한다. 의존성 추가 버튼을 누르면 rebuild해서 보여주기 때문에 statefulwidget으로 만들어준다. 리스트로 보여줄 것들을 아이템에 담아준다. map()함수를 사용하여 items 안에 있는 문자열을 DropdownMenuItem인스턴스로 변환한다. 그리고toList()함수를 사용하여 다시 리스트로 변환시켜서 items프로퍼티에 리스트를 저장한다. 마지막으로 꼭 높이지정을 해준다. 나는 Container로 높이지정을 해주었다...(이거때문에 시간을 한참 잡아먹음..) 동작결과 코드 import 'package:flutter/material.dart'; impo.. SliverAppBar SliverAppBar 앱의 스크롤에 따라 모양이 변하는 app bar를 말한다. Body에 List뷰를 사용했을때 상단 AppBar가 확장되거나 내가 스크롤하는 움직임에 따라서 변화를 주고 싶을 때 주로 사용합니다. SliverAppBar는 3단어로 구성되어있다. CustomScrollView, SliverAppBar,SliverList 여기서 Sliver란 CustomScrollView를 만들때 CustomScrollView의 하위항목으로 제공되는 scrollable한 위젯들을 Sliver라고 한다. 코드 import 'package:extended_image/extended_image.dart'; import 'package:flutter/material.dart'; class LectureDeta.. TextField - 사용자로 부터 정보를 입력 받는 양식 TextField 사용자가 키보드를 이용하여 텍스트를 입력할 수 있도록 해준다; standard, filled, outlined 3가지 형태가 있다. filled 형태는 배경색이 들어가 있고, outlined 형태는 테두리가 있습니다. 기본 형태인 standard는 배경색과 테두리 없이 밑줄만 표시됩니다 import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/src/foundation/key.dart'; import 'package:flutter/src/widgets/framework.dart'; class SearchTextField extends StatelessWidg.. 깊은 복사, 얕은 복사 위의 코드는 얕은 복사이고 아래의 코드는 깊은 복사이다. 얕은 복사인 경우 test1에 list1을 복사를 하지만 메모리 주소를 공유합니다. 쉽게 생각하면 얕은 복사 = 공유를 생각하시면 된다. 그래서 밑에 test1의 첫번째 값인 10을 100으로 변경하고 원본인 list1을 찍으면 바뀐 값이 나오는 것을 확인할 수 있다. 깊은 복사는 값 전체를 가지고 와서 나는 나고, 너는 너다라고 새각을 하면 됩니다. 때문에 메모리 상의 주소도 완전히 달라진다. 마찬가지로 얕은 복사처럼 원본(list2) 값을 test2 변수에 복사하고 test2의 첫 번째 값을 100으로 변경했는데 원본을 찍었더니 원본 그대로 나온다. void main() { List list1 = [10, 20, 30, 40]; List tes.. 플러터 테스트 Debug 배너 해제 MaterialApp속성 중에 debugShowCheckModeBanner를 사용하여 앱 오른쪽 상단에 있는 베너를 해제시킨다. @override Widget build(BuildContext context) { return MaterialApp( home: TestPage(), debugShowCheckedModeBanner: false, ); } EdgeInsets.only 특정영역에만 여백을 지정하고 싶을때 사용 EdgeInsets.symmetric symmetric은 대칭적인 이라는 의미로 수평(horizontal), 수직(vertical)을 기준으로 여백지정이 가능 수직(vertical) = 위,아래 수평(horizontal) = 왼쪽,오른쪽 Divider 구분선 Divid.. flutter 의존성 체크 google에서 무료로 제공하는 많은 글자 폰트들이 있다. 채용공고 작성하기 Junit 테스트 given - 테스트를 진행 할때 받아야 할 데이터 when - 해당 데이터를 가지고 요청을 진행 then - 데이터가 잘 전달이 완료되었음을 요구하는 검증 given when then 이전 1 2 3 4 5 6 ··· 29 다음
