My_Flutter_Learning_note
1.0.0
Flutter는 앱 개발 프로세스를 변환합니다. 단일 코드베이스에서 아름다운 모바일, 웹, 데스크탑 및 임베디드 앱을 빌드, 테스트 및 배포합니다.
명령 팔레트를 엽니 다. .
Mac OS의 Shift+CMD+P.
Windows에서 Shift+Ctrl+P.
플러터 새 프로젝트를 입력하십시오
Flutter New Project를 선택하십시오
응용 프로그램을 선택하십시오
프로젝트를 진행하려는 프로젝트 경로를 선택하십시오.
프로젝트 이름을 입력하십시오
Enter를 누릅니다
공식 문서에서 페이스트를 복사하여 URL? https://codelabs.developers.google.com/codelabs/flutter-codelab-first#2
ExtatedButton (onpressed : () {
print ( '다음 버튼을 누른다'); }, child : text ( 'next'),),
Flutter App을 실행하는 유일한 말이 있습니다. 함수 myFunction ()에 정의됩니다. void main () {runapp (myFunction ()); }
전. 1. StateLessWidget 2.STATEFULWIDGET
클래스 myapp () { #앱의 시작점.
}
MyAppState # 앱의 상태를 정의합니다
MyAppState # 앱이 작동 해야하는 데이터를 정의합니다. 현재 - - - 커런트 랜덤 워드 쌍의 단일 변수 만 포함합니다. 나중에 이것에 추가 할 것입니다.
changenotifier
Flutter에서 앱 상태를 관리하는 방법. 또한 Maney Powefull Way는 열렬합니다.
주 계급은 Changenotifier를 확장하여 다른 사람들에게 자신의 변화에 대해 알릴 수 있음을 의미합니다.
모든 위젯은 위젯의 상황이 변경 될 때마다 자동으로 호출되는 build () 메소드를 정의하여 위젯이 항상 최신 상태가되도록합니다.
MyHomePage는 시계 방법을 사용하여 앱의 현재 상태로 변경됩니다.
Scaffold () : # 유용한 위젯이며 대부분의 실제 플러터 앱에서 발견됩니다.
열 () : #는 Flutter에서 가장 기본적인 레이아웃 위젯 중 하나입니다.
WordPair #은 Aspascalcase 또는 Assnakecase와 같은 몇 가지 유용한 getters를 제공합니다. 여기서 우리는 AslowerCase를 사용합니다
https://docs.flutter.dev/development/tools/formatting
플러터 코드는 종종 빌드 방법으로 상당히 깊은 트리 모양의 데이터 구조를 구축하는 것이 포함됩니다. 우수한 자동 형식을 얻으려면 선택적인 후행 쉼표를 채택하는 것이 좋습니다. 후행 쉼표를 추가하기위한 가이드 라인은 간단합니다. 형식을 제작 한 형식을 유지하는 데 관심이있는 기능, 메소드 및 생성자에 매개 변수 목록의 끝에 항상 후행 쉼표를 추가하십시오. 이를 통해 자동 포맷터가 플러터 스타일 코드에 적절한 양의 라인 브레이크를 삽입하는 데 도움이됩니다.
// 참고 : Flutter는 가능할 때마다 상속을 통해 구성을 사용합니다. 여기서 텍스트의 속성이되는 대신 위젯입니다!
// 이런 식으로 위젯은 단일 책임에 집중할 수 있으며 개발자 인 귀하는 UI를 구성하는 방법에 전적으로 자유가 있습니다. 예를 들어, 패딩 위젯을 사용하여 텍스트, 이미지, 버튼, 고유 한 사용자 정의 위젯 또는 전체 앱을 패드 할 수 있습니다. 위젯은 무엇을 포장하는지 신경 쓰지 않습니다.
LayoutBuilder Class '부모 위젯의 크기에 의존 할 수있는 위젯 트리를 구축합니다.'
Aspectratio ( '어린이를 특정 종횡비로 크기를 조정하려는 위젯').
CustomsingLechildlayout ( '단일 자녀의 레이아웃을 대표로 지키는 위젯')
SinglechildlayoutDelegate, ( '어린이의 레이아웃을 제어하는 것은')
custommultichildlayout ( '대의원을 사용하여 여러 자녀를 배치합니다.')
FittedBox ( '적합에 따라 자녀를 스케일과 자체로 배치합니다.')
FractionallySizedbox
LayoutBuilder
미디어 쿼리
MediaQueryData
오리엔테이션 빌더
정렬- 정렬- 자체의 아이. 수직 및 수평 정렬 모두에 대해 -1과 1 사이의 이중 값이 필요합니다.
Aspectratio는 어린이를 특정 종횡비로 크기를 조정하려고 시도합니다.
제한 상자는 어린이의 크기 제약 조건을 부과하여 최소 또는 최대 크기를 제어 할 수 있습니다.
CustomsingLechildLayout - 대의원 기능을 사용하여 한 자녀를 배치합니다. 대의원은 아동의 레이아웃 제약과 위치를 결정할 수 있습니다.
확장 및 유연성 - 행 또는 기둥의 자녀가 가용 공간을 채우도록 수축하거나 성장할 수 있습니다.
Fractionallysized Box - 자식 크기는 사용 가능한 공간의 일부까지입니다.
LayoutBuilder - 부모의 크기에 따라 자체적으로 리플 로우 할 수있는 위젯을 구축합니다.
SinglechildScrollview - 한 아이에게 스크롤을 추가합니다. 종종 행이나 열과 함께 사용됩니다.
칼럼, 행 및 플렉스 - 단일 수평 또는 수직으로 어린이를 배출합니다. 열과 행 모두 플렉스 위젯을 확장합니다.
custommultichildlayout- 레이아웃 단계에서 여러 어린이를 배치하는 대의원 기능을 사용합니다.
흐름 - Custommultichildlayout와는 유사하지만 레이아웃 단계가 아닌 페인트 단계에서 수행되기 때문에 더 효율적입니다.
ListView, GridView 및 CustomsCrollView - 스크롤 가능한 어린이 목록을 제공합니다.
스택 - 스택의 가장자리에 비해 여러 어린이를 배치하고 배치합니다. CSS에서 위치 고정과 유사하게 기능합니다.
테이블 - 여러 행과 열을 결합한 어린이를위한 고전적인 테이블 레이아웃 알고리즘을 사용합니다.
랩 - 여러 수평 또는 수직 실행에서 어린이를 연기합니다.
애니메이션 '애니메이션 시스템의 주요 빌딩 블록은 애니메이션 클래스입니다. 애니메이션은 애니메이션의 수명 동안 변경 될 수있는 특정 유형의 값을 나타냅니다. 애니메이션을 수행하는 대부분의 위젯은 애니메이션 객체를 매개 변수로 수신하여 애니메이션의 현재 값을 읽고 해당 값의 변경 사항을 듣습니다. '
AddListener '애니메이션의 값이 변경 될 때마다 애니메이션은 AddListener로 추가 된 모든 청취자에게 알립니다. 일반적으로, 애니메이션을 듣는 상태 객체는 리스너 콜백에서 SetState 자체를 호출하여 위젯 시스템에 새로운 애니메이션 값으로 재건되어야한다는 것을 알립니다. '
AnimatedWidget, '무국적 애니메이션 위젯에 가장 유용합니다'
AimatedBuilder는 '더 큰 빌드 기능의 일부로 애니메이션을 포함하려는보다 복잡한 위젯에 유용합니다.'
AddStatusListener '애니메이션은 또한 애니메이션 스타 우스를 제공합니다. 이는 시간이 지남에 따라 애니메이션이 어떻게 진화하는지를 나타냅니다. '
AnimationController ''
