분류 전체보기

개발(dev)/flutter

[Flutter] 화면 전환과 상태 전달 (Feat. Navigator)

Navigator Flutter에서는 버튼 내부의 onPressed에서 Navigator를 통한 화면 전환(페이지 이동)이 가능하다. 예시 코드는 다음과 같다. onPressed: () { Navigator.of(context).push( MaterialPageRoute( builder: (BuildContext context) { return 이동할화면(); }, ), ); }, Naviator의 of(context)를 통해 push 메소드를 찾아서 사용할 수 있다. (화면을 쌓는 push) 그렇다면, 여기에서 나오는 of는 무엇인가? 구글링을 해보면 다음과 같은 답을 찾아볼 수 있다. of란? : 위젯 트리의 상위에 있는 위젯에 의해 생성된 내부 API를 반환하는 일종의 서비스 로케이터 함수입니다. ..

개발(dev)/flutter

[Flutter] Assets/TextStyle/DatePicker/Theme 살펴보기

Assets fonts: - family: '폰트명1' fonts: - asset: asset/font/{폰트명}.ttf - family: '폰트명2' fonts: - asset: asset/font/{폰트명}.ttf weight: 300 - asset: asset/font/{폰트명}.ttf weight: 500 - asset: asset/font/{폰트명}.ttf weight: 700 폰트 family로 사용할 이름을 설정한다. 하나의 폰트 파일만 사용하면 상관없지만, 여러개 사용할 시에 weight을 설정할 수 있다. 기본 default는 400으로 설정되어 있다. TextStyle Text( 'Hello World', style: TextStyle( color: Colors.white, fontFa..

개발(dev)/flutter

[Flutter] Date 및 Timer 살펴보기

Datetime 어떤 특정 날짜를 의미한다. DateTime now = DateTime.now(); print(now); print(now.year); print(now.month); print(now.day); print(now.hour); print(now.minute); print(now.second); print(now.millisecond); 2023-06-12 00:53:32.602 2023 6 12 0 53 32 602 DateTime()에서 year은 필수, 나머지는 옵셔널 파라미터를 받게 된다. Duration 어떤 특정 기간(언제부터 언제까지)을 의미한다. Duration duration = Duration(seconds: 60); print(duration); print(duratio..

개발(dev)/flutter

[Flutter] Stateful/less 그리고 Life Cycle

Widget 💡 Widget은 모두 ‘불변’의 법칙을 갖고 있다. 하지만, 위젯의 값을 변경해야할 때가 있다. (색 변경 등) 변경이 필요하면 기존 위젯을 변경하는 것이 아니라, 기존 위젯을 삭제하고 완전 새로운 위젯으로 대체한다. StatelessWidget Life Cycle Constructor로 생성이 되고, 생성이 되자마자 build 함수가 실행된다. 이전 Container 예제와 마찬가지로 변경이 필요하면 새로운 위젯을 만들어버린다. 하나의 StatelessWidget은 라이프 사이클 동안 *단 한번만 build 함수를 실행한다. StatefulWidget Life Cycle 기본 Stateful 생명주기 Constructor가 불린다. createState가 불려서 상태를 만든다. iniSt..

개발(dev)/flutter

[Flutter] WebView 사용하기

package packageName: ^major.minor.patch ^은 메이저 버전을 업데이트하지 않겠다는 의미 과거 WebView webview_flutter | Flutter Package pubspec.yaml > dependencies > webview_flutter: ^3.0.0 pub get으로 버전에 맞게 설치 android { defaultConfig { minSdkVersion 20 } } android > app > gradle 에서 공식 package docs에 나온 것처럼 수정 body: WebView( initialUrl: '(url)', javascriptMode: JavascriptMode.unrestricted, ), 다음처럼 javascriptMode를 풀어줘야 웹뷰에..

개발(dev)/flutter

[Flutter] iOS Device 테스트 (1)

Flutter 아이폰 실 기기 테스팅하기 초기 설정 (되었다는 가정) homebrew 설치 완료 brew install cocoapods 완료 Android Studio/Xcode 설치 완료 Flutter 설치 완료 (flutter doctor) Android Studio에서 새 프로젝트 생성 Android —> Xcode 해당 flutter 프로젝트 클릭 ios > Runner > info.plist 진입 Open iOS module in Xcode 클릭하기 Xcode 설정 1. Runner 클릭하기 2. Signing & Capabilities → Team 에서 Add an Account… 선택하기 3. 자신의 Apple 이메일로 인증하기 4. Team None 값에서 자신의 계정 및 팀 선택 아이폰..

dDong2
'분류 전체보기' 카테고리의 글 목록 (3 Page)