728x90 반응형 coding2 [Ultralytics Hub Flutter Clone Coding] #2. 홈 만들기 저번 포스팅에서 사이드 메뉴를 만들었다. 이번에는 홈 화면을 구성해보려고 한다. 오른쪽 아이템들은 카드로 구성되어 있다. 5개의 위젯을 가지고 구성하면 될 것 같다. 밑에 빠른 액세스 카드는 이미지가 없기 때문에 이미지는 optional 로 두고 인자에 따라 layout 을 다르게 구성하면 될 것 같다. Flutter 에서는 Card 위젯을 제공한다. 하지만 Card 위젯에는 사이즈를 지정하는 옵션이 없다. 찾아보니 SizedBox 라는 위젯이 있고 이를 사용해 Card를 감싸면 SizedBox 내의 사용가능한 공간 만큼 Card 가 expand 되어 표시되게 된다. Card 의 Layout 을 생각해보자 최상단 Layout 은 Row 가 될 것이고 왼쪽에는 Column 을 사용하면 될 것 같다. Col.. 카테고리 없음 2023. 2. 12. [Ultralytics Hub Flutter Clone Coding] #1. 사이드 메뉴 만들기 강의가 지루해서 클론 코딩을 시작해보려고 한다. 클론 코딩의 대상은 Yolo 를 만든 Ultralytics 라는 회사의 딥러닝 플랫폼 제품이다. https://hub.ultralytics.com/ Ultralytics HUB hub.ultralytics.com 프론트엔드 코딩에 대한 지식이 전무하지만 어떻게든 되겠지 하는 마음으로 해보려한다 ㅎㅎㅎ 홈 화면 왼쪽에는 접어지는 메뉴가 있고 홈, 데이터 셋, 프로젝트, 모델, 기타로 구성되어 있다. 클론 코딩 대상은 홈 ,데이터 셋, 모델 정도로 하려고 한다. 오른쪽에는 튜토리얼과 빠른 액세스, 계정 정보가 보여진다. 사이드 메뉴 flutter 위젯 중에 비슷한게 생긴 것을 찾아 보니 side_navigation 이라는 것이 있었다. pubspec.yaml .. 지식/Flutter 2023. 2. 11. 이전 1 다음 728x90 반응형