코드몽키 찬스님의 모바일, 웹

Why

main메서드에서 비동기 동작이 있는 경우,

- runApp을 호출하기 전에 바인딩을 초기화해야하는 경우

How

main 메서드 첫 라인에 추가

예상되는 동작

 - 위젯 바인딩 미리 처리

참고 링크

https://api.flutter.dev/flutter/widgets/WidgetsFlutterBinding/ensureInitialized.html

When

Command : flutter doctor

Check platform dependency

...
Android Studio not found at
...

Why

Android Studio 경로 찾을 수 없음. Android Studio not found.

Solution

아래 명령어를 이용해 /Android Studio/Contents의 경로를 설정한다. 

Set Android Studio path.

flutter config --android-studio-dir=/Users/<$YOUR_USER>Android\ Studio.app/Contents

Notice

1. Verify path of Android Studio.  Android Studio 경로 확인 
   - /Applications/...   
   - /Users/<$USER>/Applications/... 
   
   
2. Space character.  공백 문자 
   - .../Android Studio.app/...  ( X )
   - .../Android\Studio.app/...  ( O ) 

왜 바꿨을까

- IntelliJ IDEA 와 더 밀접하게 맞추기 위함, IntelliJ IDEA는 Android Studio가 구축되는 IDE 임.

어떻게 바뀌었을까

기존

- Android Studio 4.3 처럼 숫자만 표기했던것에서

변경

아래 규칙이 적용됨.

동물 이름 | < IntellJ 버전 연도 >. < IntellJ 메이저 버전 >. <Studio 메이저 버전 >. < Studio 마이너 패치 버전 > 

예 )  Arctic Fox | 2020.3.1.1

- 동물이름  : 각 메이저 버전은 이름이 주어지며,  동물 이름을 기반으로 A에서 Z까지 증가한다.

ex) Arctic Fox, Bumblebee

- IntellJ Version, IntellJ 메이저 버전  : Android Studio 릴리즈의 기반이 되는 IntellJ 버전

Install - Flutter

위 링크에 친절히 가이드가 작성되어 있음.

나름 정리한 것임.

2021년 06월 04일 기준 최신 Stable channel (Windows) 릴리즈는

2.2.1 ( 2021년 05월 28일 ) 

1. SDK 다운로드

- ProgramFIles 경로처럼 접근 권한이 필요한 경로 X

- 링크는 해당글 맨 상단에 기재

2. 안드로이드 SDK 관련 도구 설치

안드로이듀 스튜디오의 Android SDK Tools에서 아래 항목을 설치한다.
- latest Android SDK, 
- Android SDK Command-line Tools
- Android SDK Build-Tool

3. 플랫폼 의존성 확인 flutter doctor

Power Shell 혹은 git bash로 sdk 경로를 연 후

flutter doctor 명령어 입력

위와 같이 Flutter SDK 버전, 안드로이드, 웹( 크롬 브라우저 ), 안드로이드 스튜디오, VS Code와 같은 항목들을 확인한다.

두번째 항목 Android toolchain에서 Android License status unknown... 메시지가 나온다면

flutter doctor --android-licenses 입력 후 재시도

위 사항 적용 후, flutter doctor 명령어를 입력하면 모든 항목이 정상 표시된다.

Apple Silicon Preview 공개 : ARM64용 안드로이드 스튜디오

관련 내용 링크  ( 2021년 5월 18일자 )

https://android-developers.googleblog.com/2021/05/android-studio-arctic-fox-beta.html

다운로드 링크 ( 배포일 2020년 4월 29일 )

https://developer.android.com/studio/archive

* 2021년 5월 27일 기준 *  최신 ARM64용 지원 ( Preview ) 안드로이드 스튜디오 

> Android 스튜디오 Arctic Fox(2020.3.1) Canary 15

Activity Monitor 프로그램을 통해  안드로이드 스튜디오 아키텍쳐 확인

이 포스팅은
developer.android.com/guide/topics/ui/declaring-layout?hl=ko

안드로이드 디벨로퍼 공식 홈페이지 문서를 읽고 요약한 글입니다.

이전글

https://ckstmsla.tistory.com/entry/사용자-인터페이스-레이아웃-일반레이아웃-어댑터

- 중첩 뷰 그룹이 없이 복잡한 레이아웃을 만들수 있다.
- 동위( or 형제 ) View들과 상위 레이아웃 사이의 관계에 따라 뷰의 레이아웃이 결정.
- RelativeLayout보다 유연하고 LayoutEditor와 함께 사용하기 쉬움
- Android Studio 3.0이상

제약조건 개요

- View의 위치를 정의하려면, View의 가로 및 세로 제약조건을 각각 하나 이상 추가 해야함
- 다른 View, 상위 레이아웃 또는 표시되지 않는 안내선을 기준으로 정렬 또는 연결
- 세로 또는 가로 축을 따라 보기의 위치를 정의하므로, 각 View에는 축마다 1개 이상의 제약조건이 있어야 함.
- 제약조건이 누락되어도 컴파일 오류 발생하지 않음, 레이아웃 에디터에 툴바 오류 표시, 자동연결 및 제약조건 추론 기능 사용하여 자동 추가 가능

레이아웃 변환

안드로이드 스튜디오에서 레이아웃 편집기 창 > 맨 아래 Design탭 > Component Tree 창 > 마우스 우 클릭 > Convert layout to ConstraintLayout클릭

제약조건 추가

- 각 모서리에 정사각형 크기 조절 핸들 : 뷰의 크기 변경

- 각 면에 원형 제약 조건 핸들 :
사용 예 )
1. 팔렛트탭에서 사용 가능한 앵커 포인트로 드래그
포인트는 다른 뷰의 가장 자리, 레이아웃의 가장 자리, 안내선

2. Layout탭에서 Create a Connection 버튼을 클릭

제약 조건 만들 때, 규칙
- 모든 뷰에는 가로, 세로 하나씩 두 개 이상의 제약조건이 있어야 함.
- 같은 평면을 공유하는 제약조건 핸들과 앵커 포인트 사이에만 제약조건 만들 수 있음.
- 각 제약조건 핸들은 하나의 제약조건에만 사용, 동일한 앵커 포인트에 여러 개의 제약 조건을 만들 수 있음.

기존 제약 조건에 반대 되는 제약 조건 추가

반대되는 제약조건을 추가하면, 제약조건 선이 위 그림의 빨간색 네모칸의 스프링처럼 표시 됨.
이로써 뷰의 크기가 콘텐츠 래핑( Wrap Contents ) 혹은 고정 ( Fixed )으로 설정되어
뷰가 제약조건 사이 중앙에 배치 될때 가장 잘 나타냄

* 제약조건에 맞게 뷰 크기를 늘리려면 제약조건과 일치 ( Match Constraints )로 전환
* 현재 크기는 유지, 뷰가 중앙에 오지 않도록 하려면 제약조건 편향 ( Constraint Bias )을 조정

상위 요소 포지셔닝
- 뷰의 측면을 레이아웃( 상위 요소 )의 대응하는 가장자리로 제한

정렬
- 뷰의 가장자리를 다른 뷰의 가장자리에 맞게 정렬

기준선 정렬

- 뷰의 텍스트 기준선을 다른 뷰의 텍스트 기준선에 맞춤.

안내선으로 제한 

- 레이아웃의 가장자리를 기준으로 dp 단위 혹은 백분율을 기반으로 안내선을 배치할수있다.

- 종류 : Vertical, Horizontal 

위 도표 속성 값을 적용하여 안내선에

2개의 버튼 뷰의 제약조건 앵커 포인트를 설정한 모습

경계선으로 제한

- 안내선과 비슷하지만 표시되지 않는 선.

- 자체 위치를 정의하지 읺고, 경계선 내로 제한된 뷰 위치를 기반으로 경계선 위치가 이동

- 뷰를 특정한 하나의 뷰가 아니라 뷰 집합으로 제한하려고 할 때 유용

-