파파비의 블로그

이렇게 이쁜 카드 모양을 만들고 싶을 때, (아래 2개의 카드) ListTile 위에 Card로 감싸서 효과를 주면 된다.

List의 값들 중 하나를 뽑아서 sum을 내는 방법 > 머리속에 떠오르는 방법은 for을 사용하는 것이 떠오를 수 있다. 그러나 List의 메소드중에는 그런 것을 지원하는 것이다 있다. 바로 fold 메소드이다. Reduces a collection to a single value by iteratively combining each element of the collection with an existing value 이렇다고 한다. 위 코드를 분석해보면 1) 첫번째 인자는 초기값이다. 2) sum은 이전 값이며, element는 list의 element를 의미한다. return 값은 이전값인 sum을 대체한다. 그리고 다 끝나면 최종 return값이 return된다.

1. 원하는 bar 사이즈의 container 만들기 2. 그 안에 stack을 만들어서, 내용물로 bar를 채울 것이다. 3. stack 안의 Container는 배경을 담당한다. 4. FractionallySizedBox는 상위 부모의 사이즈의 비율에 맞게 생겨난다. - FractionallySizedBox의 상위 부모는 Container 이고 height은 60, width는 10이다. - height Factor는 상위 부모 height의 비율을 말한다. - 나머지 데코 관련해서는 배경과 맞출 부분은 맞추고, 색은 다르게 해준다.

여러가지 방법이 있지만 그중에서 편리한 방법 하나를 소개 한다. 1. List 객체의 메소드 중 하나인 where( test Method ); - 리스트 객체의 메소드인 where는 test 메소드를 돌려서 true가 나오면 객체를 새로운 리스트에 넣고, false이면 넣지 않는다. 그리고 리스트의 모든 객체를 테스트 완료하면 새로운 리스트를 반환한다. - test메소드는 리스트의 객체를 인수로 받는다. (index를 받는게 아님) 그리고 return 값이 있어야한다. 2. IsAfter( Datetime ) isAfter는 Datetime 객체의 메소드로서, isAfter의 인수로 들어간 값보다 after이면 true, 아니면 false를 반환한다.

이것이 큰 틀이다. 이런 것들을 잘 익혀두어야할 것 같다. Chart라는 위젯은 지난 일주일 동안의 거래 내역을 Transaction 이라는 객체들로 구성되어 받는다. Transaction 에는 가격, 날짜, 물품 등의 data가 들어있다. 우리는 이중에서 지난 일주일 동안의 거래에 대해 요일별로 총액을 누적해서 보여주고자 한다. 그러기 위해선 먼저 Data를 만들어놓고 그 data를 시각화해야하는데, 여기서는 data를 만드는 방법을 보여준다. List get groupedTransactionValues 이 부분은 getter로 설정한 모습이다. 굳이 getter가 아니어도 function으로 설정해도 무관한 부분이다. return List.generate(7, (index) { List.generat..

1. 플러터 폴터 내부에 파일을 옮겨 놓는다. - lib파일안에 넣으며 안됨 - 보통 assets/fonts/ 경로를 만들어서 안에 넣어둠 2. pubspec.ymal 파일에 폰트를 넣는다. 이렇게 넣어야 하는데, 유의할 점들은 - 들여쓰기를 잘해야 한다. 제일 편한 방법은 드래그 한뒤에 ctrl+/ 누르면 자동으로 #이 지워진다. - bold를 추가하려면 weight를 아래에 추가해줘야하는데, 정확한 값은 따로 찾아내야 한다. 사용방법 1. Theme 폰트로 설정해두기 MaterialApp > theme > ThemeData > fontFamily : 이름은, pubspec에 fontfamily에 쓰인 그대로 따옴표 안에 갖다써야 한다. 그냥 하나의 위젯에만 쓰고 싶다면? 그럼 그 위젯의 Textsty..

ThemeData에서 속성중에 제일 많이 쓰는 것은 색깔, 특히 primary color가 아닌 primary Swatch를 쓰기를 권한다. primary Swatch는 하나의 색깔을 지정하면 그림자들이나 이런것들까지 관련 색으로 함께 맞춰준다. primary color는 딱 color만 바꾼다(이상할 수도 있다 어쩌면) 또한 ThemeData는 다른 어느곳에서나 context만 있으면 접근가능하다. Theme.of(context). 하면 관련 ThemeData에 접근이 가능해서 관련 속성들로 색을 지정하든 뭐든 할 수 있다. 이렇게 하면 장점이 무엇이냐면 Theme에서 색깔하나 바꾸면 전체가 다 동시에 바뀐다는 점이다. Theme에서 accent Color는 primary color의 반대되는 컨셉 컬..

해당 코드처럼, showBottomSheet를 활용하면, 바텀시트가 생겨난다. 몇가지 유의할 점은 1. showBottomSheet은 두가지 인수를 받는다, context와 builder이다. context는 scaffold에 관한 정보를 담고있어야 해서, floatingActionButton의 콜백으로 할 경우에는 Scaffold에 관한 정보다 없다며 에러가 뜰 것이다. 그럴때는 Builder로 감싸주어서 Build context를 가져오면 해결이 된다. 2. builder는 bottomSheet안에 들어가는 위젯을 return해야 한다. 여기에서 인자인 context는 플러터가 알아서 넣는 것으로 그냥 받는 처리만하면 된다. _로 처리해도 무관하다. 3. bottomSheet를 끄는 방법은 Navig..