전체 글43 플러터로 SNS어플 만들기 8.페이지뷰 활용하여 이미지 스와이핑 이번 포스트에는 페이지뷰(PageView)를 이용해서 여러장의 한포스트에 여러장의 사진을 담아서 오른쪽으로 스와이프해서 사진을 넘기는거를 해볼거에요. 금일 작업 내용 1.PageView 위젯 생성 2.AspectRatio 로 비율주기 3.Indicator 달아주기 4.Stack 사용하기 5.PageView.builder 사용하기 6.CurrentPage 표시하기 1.PageView 위젯 생성 먼저 기존에 이미지가 담긴 Container를 PageView로 감싸줘요. children 부분에 기존의 이미지가 담긴 Container 를 그냥 담아주면되요. 저는 3개 담아줬어요. 그럼 3장의 사진을 넘길수 있게되겠죠. 그런데 이런 사이즈 오류가 날거에요. 페이지뷰를 쓰기위해서는 부모위젯이 세로 사이즈를 가지고 .. 2021. 5. 19. 플러터(Flutter) 입문 1. 첫 프로젝트 만들고 빌드하기 먼저 안드로이드 스튜디오를 열어서 Create New Flutter Project 를 눌러주세요 Flutter Application 을 눌러줍니다. Project name 에 프로젝트 이름을 소문자로 적어주세요 Package name에 com.회사이름.프로젝트이름(앱이름) 을 넣어주세요. include Kotlin support for Android code 에 체크를 해지해주세요. Finish를 눌르면 프로젝트가 생성됩니다. 이렇게 첫 화면을 만나게 됩니다. 왼쪽에 파일 트리를 보면 helloman 아래에 다른 폴더 들이 생성된게 보일겁니다. 여기서 helloman은 제가 위에서 project name 정할때 그렇게 정했기 때문입니다. helloman 이라는 폴더 아래에 보면 android 폴드와 io.. 2021. 5. 19. 플러터 왕초보 기획 플러터를 설치하시고 처음 만져보시는 분들의 입문들 돕기 위한 강의 포스트 입니다. 플러터 1달이라도 해보신분은 안보셔두 됩니다 ㅎ 추후 과외 교재로 사용될 예정입니다.~ 이 포스팅들은 플러터 설치와 세팅이 끝난뒤부터 시작됩니다. 저는 안드로이드 스튜디오 와 m1 맥북프로 13인치 사용중입니다. 2021. 5. 19. 플러터로 SNS어플 만들기 7.하드코딩으로 레이아웃잡기 지난포스트에서 아래처럼 포스트카드를 30개가량 리스트 뷰로 뿌려봤는데요 이번엔 포스트 카드를 좀 그럴듯하게 꾸며볼거에요. 인스타그램 모양처럼요 이렇게 위에서부터 column형태로 제목칸,사진칸,하트등 이모티콘,댓글 이런씩으로 되어있는거요. 오늘의 작업 내용 1. 일단 하드코딩으로 레이아웃 구성하기 2. 사진 넣어보기 3. 하드코딩으로 다른부분 꾸미기 4. ListView.separated 로 바꾸기 1.일단 하드코딩으로 레이아웃 구성하기 PostCard가 있는 클래스로 가서 내용을 이렇게 구며줬어요. 당연 나중에는 구성이 바뀌겟지만 우선적으로 보는거에요. 사진칸에는 height 를 400으로 줬지만, 우선 시각적으로 레이아웃을 볼려고 저렇게 임시적으로 해둔거고 사실 사진칸은 유저가 실제로 올린 사진의 비.. 2021. 5. 17. 이전 1 ··· 4 5 6 7 8 9 10 11 다음
