이것이 코딩애플에서 내준 숙제....
아래에 bottomNavigationBar에 아이콘 3개를 가로로 정렬하면 되는 간단해보이는(??) 숙제.
아 오늘거 들었으니까 삽가능이지 ㅎㅎ 하고 바로 시작했는데
...? 왜 다 빨간데요...
그냥 bottomNavigationBar 아까 써둔거에 그대로 하면 되는거 아니엇냐고요ㅠ
원인 모를 에러 와장창 나와서 당황...
내가 뭘 또 잘못했을까 싶어서 구글링 해봤는데 뭔가 배운 적 없는 것들이 너무 많이 나와서 제쳐두고 다시 해봄…
아이콘을 넣는게 아니라 진짜 버튼으로 작동하도록 넣어야 해서 만든 코드들이란 느낌…???
그래서 막 에러 표시되는 것들 다시 차근차근 읽어보고,
왼쪽 옆에 뜨는 빨간 전구도 눌러보고 하니까 자동으로 고쳐지는 것들이 좀 있었음
예를 들면 저 Row(children:[])이라고 쓴 부분 상위에 다시 child를 써서 묶어준다든지!!!!!!
허거ㅓㄱㅎ겋럼ㄱ럭!!!
!!! 안에 들어갔다 드디어!!!!!!
광분의 현장 캡쳐
나 이제 spaceEvenly하고 잘 쓰면 끝이야 엉엉
버튼 클릭되고 이런건 나중에 하면 되겠지…
아이콘 적용 완!!!!
어… 근데 예시화면이랑 다르다…?
위아래 여백이 너무 없는데 따로 줘야하나 ^^…
다시 구글링 고...
appbar의 높이 조절하는 법을 Preferred 이용해서 하라고 하셨는데 난 아직 거기까지 안배웠어요...
패쓰,,,
[j Flutter] Widget - Padding 여백주기
어... padding 주는 법은 알았는데 이제 명령 어느 행에 써야 하는 건지...?
여기저기 붙여봤다가 뭐가 너무 많다느니 자꾸 에러만 떠서 패쓰...,,
[Flutter] 플러터 Margin마진 Padding 패딩 EdgeInsets 정리
[Flutter] 플러터 Margin마진 Padding 패딩 EdgeInsets 정리
dartpad.dartlang.org 위의 사이트에서 아래의 소스로 마진, 패딩 옵션을 확인 할 수 있다. # margin, padding 패딩,마진 차이는? 컨테이너의 margin : 바깥쪽 영역과 padding : 안쪽 영역이다. import 'package:flutter/m
devmg.tistory.com
이거다 이거야...1!!!! 좀더 간단하게 쓰는 방법이 있었다고!!!
어어어엉ㅇ어어어어엉 완성했어
상하 여백 12 줘서 완성했다고1!!!!!
자랑스러우니까 한번더 올려 ㅎ
'🧑💻 Flutter 공부' 카테고리의 다른 글
| 텍스트스타일, AppBar! (1) | 2023.08.25 |
|---|---|
| 📦박스📦 잘 그려야 앱 잘 만든다!!!! (0) | 2023.08.25 |
| 머리! 가슴!! 몸통!!! 레이아웃 Scaffold로 구성 (0) | 2023.08.24 |
| 기본 위젯 4개를 배웠는데, 기본부터 어려워서 슬픔 (2) | 2023.08.23 |
| Flutter 설치완. 나 이제 개자이너냐. (2) | 2023.08.09 |