개발
-
Flutter - 인별 클론 코딩 V1.0, 프로필 화면-3개발/Flutter 2021. 10. 8. 00:16
프로필 헤더 인포메이션 프로필 페이지의 프사옆은 테이블을 이용해서 만든다. Table의 children안에는 TableRow로 만든다. 그냥 Table만 쓰면 이상하게 나오는데 Expanded로 나머지 공간을 차지하게해서 적당히 쓰이게 한다. 그리고 TableRow안에 childredn: [] 안에 Text를 _getStatusValueWidget로 리팩터 메소드를 해줘서 쓴다. 아래 Posts, Followers, Following는 _getStatusLabelWidget로 만들어 준다. 그리고 textAlign은 중앙으로 정렬해준다. 그리고 숫자는 fontweight를 bold로 글자 부분은 w300으로 준다. 그런데 여기서 문제점은 화면이 작아졌을때이다. 그때 숫자나 글자가 길어져서 넘치면 잘리거나..
-
Flutter - 인별 클론 코딩 V1.0, 프로필 화면-2개발/Flutter 2021. 10. 6. 19:33
프로필 앱바 프로필 위젯안에 만든다. 근데 child에 Column에 넣으면 상단바에 겹치므로 safearea에 Column을 넣어주면 된다. floating button에 도 삭제해주고 icon 버튼에 menuopened의 상태를 확인하는 setState도 옮겨준다. 정상작동하는것을 볼 수 있다. 프로필 아이디에 왼쪽에 common_gap을 패딩으로 주고 메뉴는 grey[200]으로, 프로필은 transparent로 색을 변경해준다. text도 font를 bold와 size를 20으로 변경해준다. 아래와 같이 변경 해주면 된다. Widget _sideMenu() { return AnimatedContainer( color: Colors.grey[200], curve: Curves.easeInOut, d..
-
Flutter - 인별 클론 코딩 V1.0, 프로필 화면-1개발/Flutter 2021. 10. 5. 18:02
컴퓨터가 뻑나서....어쩔 수 없는 포맷으로 한동안 복구하기위해 컴퓨터를 못함...오늘 어쩔수 없이 포맷 후 다시 시작. 프로필 화면 스택처럼 쌓이는게 아닌 자기가 올린글 부분과 다른사람이 올린 글에 태깅되어있는 부분이 나란히 있고 그 탭을 눌렀을때 보이는 구조이다. 글 올린 부분일때는 태깅된사진 탭 부분이 오른쪽으로 밀리고 태깅된 사진 탭 부분일때는 자기 글 탭 부분이 왼쪽으로 밀린다. screens에 profile_page를 만들어주고 statefullwidget로 만들어줌. 클래스 명은 ProfilePage. 제대로 만들어졌나 확인하기 위해서, container에 text를 넣어주고 main_page에서 5번째 Container을 ProfilePage()로 바꿔준다. 핫리로드가 아닌 다시 실행을 하..
-
Flutter - 인별 클론 코딩 V1.0, 피드화면개발/Flutter 2021. 10. 1. 21:40
1. 일단 각 네비게이션 버튼을 누르면 앱바은 이름이 달라짐. 우선 이걸 먼저 할 것임. 기존 AppBar를 삭제하면 삭제하고도 정상 작동하는것을 알 수 있다. 이제 화면에 따른 각각의 Appbar를 넣어주는데 각 Container에 Appbar를 넣어줄 것이다. lib에 새 Package를 Screens로 추가 해 준다. feed_page.dart를 새로 만들어 준다. Feed Page는 stateless로 만들어 줄 것이다. FeedPage라는 stl class를 만들어 준후 return을 Scaffold로 변경하고 Appbar를 추가한 후, AppBar에 title와 actions로 이름와 이미지를 추가해 준다. 정상적으로 작동을 확인. body에 List를 줄것이다. ListView를 사용 할 것..
-
Flutter - 인별 클론 코딩 V1.0, 시작개발/Flutter 2021. 9. 29. 18:40
해본 후 2.0도 하기 1.0 시작!!!!! 기초 시작 ! 프로젝트 생성 해서 main.dart를 다시 만들어주고 stateless 를 따로 dart를 만들어서 코드를 분리해줬다. 그리고 assets 폴더에 이미지를 추가해서 pubspec.yaml에서 이미지를 추가해줬다. 그러나 경로 설정시 해당 경로의 이미지만 가져올 수 있어서 하위 폴더에 대한 이미지는 따로 또 경로를 설정 해줘야 한다. 예) assets/ 와 assets/icon은 따로 해줘야함. stateless 는 상태 변화가 없는 페이지 statefull은 상태가 변화하는 페이지 그러나 stateless에서도 변화는 해줄 수가 있음. 이거는 나중에 배우고 stateless를 Alt + Enter을 해서 statefull로 변경 가능. Bott..
-
Flutter - 플러터 알림 보내기개발/Flutter 2021. 9. 29. 18:38
기존과 똑같이 파이어베이스 와 플러터 프로젝트를 만들어 준다. 안드로이드 연결해주기 위해서 프로젝트 설정에서 안드로이드를 눌러주고 AndroidManifset.xml에서 패키지 네임을 복사후 넣어준후 다음단계의 json을 android - app 경로에 넣어주면 된다. android - build.gradle 안에 classpath 'com.android.tools.build:gradle:3.5.3' classpath 'com.google.gms:google-services:4.3.2'를 넣어주자. android - app - build.gradle 안에 파일 맨 아래에 apply plugin: 'com.google.gms.google-services' 를 넣어주자. android - app - src ..
-
Flutter - 광고 넣기, firebase_admob 라이브러리 개발 중지로 다른 방법 찾아봐야 할듯.개발/Flutter 2021. 9. 28. 16:41
1. 수입을 위한 광고 Google AdMob 우선 이번 광고넣기를 위한 firebase 콘솔에 새로운 프로젝트를 생성해준다. 플러터 프로젝트랑 똑같이 해두는게 좋음. 파이어 베이스에 안드로이드 추가할때 android - app - src - main - AndroidManifest.xml 의 package의 이름을 복사해서 넣어주면 된다. 그 후 google services.json을 android - app 에 넣어주면 된다. 다음 단계들은 그냥 넘겨주면 제대로 생성이 된것을 알 수 있다. android 와 android - app에 있는 build.gradle를 실행 시켜 준다. android - build.gradle buildscript { dependencies { classpath 'com...
-
Flutter - 페이스북 로그인, 애플로그인개발/Flutter 2021. 9. 28. 16:38
1. Facebook 개발자 등록 developers.facebook.com 에서 Create App를 해준다. 소비자 모드로 들어가서 로그인 기능을 이용할 수 있게 해준다. 만든 후 login 기능에서 android 부분 선택. SDK 다운로드 할 필요 없이 pub.dev에서 라이브러리 추가하면됨. 프로젝트랑 패키지 네임 추가하기 패키지 네임은 android studio 에서 android - app - src - main - AndroidManifest.xml에서 상단의 manifest에 package 부분을 추가해 주면됨 기본 액티비티 클래스 이름은 같은 파일에서 activity 에서 name을 복사해서 붙여 넣어주면 됨. 패키지네임에 추가로 이어서 해줘야 됨. 이어서 키해시 부분을 추가해 주는 부..