paulaner80

스크린에 데이터 전달하기종종 우리는 새로운 스크린으로 이동할 때 데이터도 같이 넘겨주고 싶을 때가 있습니다. 예를 들어 사용자가 탭한 아이템의 정보를 같이 넘겨 조고 싶을 것 입니다. 스크린은 위젯이라는것을 명심하세요. 이 예제에서 우리는 투두 리스트를 작성하고, 투두가 탭되었을 때 투두의 정보를 보여주는 새로운 스크린(위젯)으로 이동하겠습니다. 디렉션1. 투두 클래스 정의2. 투두 리스트 화면출력3. 투두의 정보를 표시할 디테일 스크린을 작성4. 디테일 스크린으로 데이터를 넘겨주면서 화면이동 1. 투두 클래스 정의먼저 투두를 표현할 수 잇는 것이 필요합니다. 두개의 정보(타이틀, 설명)를 가지는클래스를 정의하겟습니다.class Todo{ final String title; final String des..

데이터 돌려받기 어떤 경우에, 새로운 스크린으에서 데이터를 받기를 원합니다. 사용자에게 두 가지 선택사항을 보여주는 새로운 화면을 생각해봅니다. 사용자가 둘 중 하나를 선택해서 탭하면, 원래 화면에서는 사용자가 선택한 값을 돌려받고 싶어할 것입니다. 어떻게 하면될까요? Navigatior.pop을 사용하면 됩니다. 디렉션1. home 스크린 작성2. selection 스크린을 실행시킬 버튼 추가하기3. 두 가지 버튼을 가지는 seletion 스크린을 보여주기4. 버튼을 탭하면 selection 스크린 닫기5. home 스크린의 스낵바에서 선택항목을 보여주기 1. home 스크린 작성selection 스크린을 실행시킬 버튼 추가하기1. 탭하였을 때 SelectionScreen을 실행시킨다.2. Select..

Navigatoer는 식별자를 사용해서 네임드 라우트로 화면이동할 수 있도록 해줍니다. 그런데 네임드 라우트에 인자들을 넘겨주고 싶은 경우도 있습니다.예를 들어 /user 라우트로 화면을 이동때 user의 정보를 같이 넘겨 주는 경우 입니다. Navigator.pushNamed 메소드에 인자들을 추가해서 넘겨주면 사용하면 이런 작업을 할 수 있습니다 @optionalTypeArgs Future pushNamed ( BuildContext context, String routeName, { Object arguments}) ModalRoute.of 메소드 혹은 MaterialApp 이나 CupertinoApp 생성자의 onGenerateRoute 함수를 사용해 인자들을 꺼내 올 수 있습니다. 이 예제에서는..

배열 길이 얻어오기count($rows) 형변환$num = "3.14";$int = (int)$num; $myText = (string)$myVar; 오브잭트 -> 스트링$obj = new MyObject;echo $obj;echo serialize($obj); stdClass 는 Json 을 사용할때도 사용 되기도 한다.이런식으로 사용해야함.$lastlogin[0]->FAIL_COUNT 크롬 출력echo "";echo ""; foreach ($array as $value) { code to be executed;} 삼항연산($value==1)?true:false; 제일 긴 값 가져오기select * from mytable where length(col_08)=(select max(length(col_0..

이전에 새로운 라우트를 만드어서 그것을 Naivgator에 push하여 새로운 화면으로 화면전환하는 방법을 배웠습니다. 그러나 만약 같은 화면으로 이동해야한다면, 똑같은 코드를 복제해야하는 문제가 생기게 됩니다. 이럴 경우 네임드 라우트(named route)를 사용하는 것이 편리합니다. 네임드 라우트를 사용하기 위해서는 Navigator.pushNamed 함수를 사용합니다. 이 예제에서는 네임드 라우트를 사용하는 방법을 보겠습니다. 디렉션1. 두 스크린만들기2. 라우트 정의3. Navigator.pushNamed 를 사용해 두번째 화면으로 이동하기4. Navigator.pop을 사용하 첫 번째 화면으로 돌아오기 1. 두 스크린 만들기먼저, 화면 두 개가 필요합니다. 첫 번재 화면은 두번째 화면으로 이동..

모바일 앱들은 다양한 화면크기, 해상도, 화면방향을 지원해야합니다. 앱은 확장할 수 있어야하고, 화면방향을 다루어야하고 어러면서도 데이터를 유지해야합니다. 플러터에서는 이렇게 할 수는 여러가지 방법이 있습니다. 큰화면을 다루기 위한 안드로이드 솔루션 안드로이드에서는 landscapte/portrait와 화면 넓이에 따라 레이아웃 파일을 다르게하여 태블릿과 같이 큰 화면을 다룹니다. 즉, 폰 용 세로 레이아웃, 가로 레이아웃, 태블릿용 세로 레이아웃, 가로 레이아웃 런식으로 레이아웃 파일을 정의합니다. 이렇게 정의된 레이아웃 파일은 디바이스의 실행상태에 따라서 인스턴스화 됩니다. 그리고 어떤 레이아웃이 활성화 되는 지 확인하고 그에 따라 초기화 합니다. 많은 어플리케이션에서 마스터-디테일 플로우 큰 화면사..

새 화면으로 이동하고 뒤로 돌아오기 많은 앱들은 화면마다 표시되는 정보가 다르기 때문에 몇개의 화면을 가집니다. 예를 들어, 어떤앱이 제품의 목록을 보여주는 화면을가지고 있다가 사용자가 제품 이미지를 탭했을 때 제품의 상세정보화면으로 이동할 수 있습니다. 플러터에서는 스크린이나 페이지를 라우트라고 부릅니다. 안드로이드에서는 액티비티, IOS에서는 뷰컨트롤러와 같은 겁니다. 플러터에서 라우트는 위젯입니다. 네비게이터를 사용해서 어떻게 새로운 라우트로 이동하는지 보겠습니다. 디렉션다음과 같은 단계를 거치면서 두 라우트 사이에 어떻게 이동하는 지 알아 봅니다.1. 두 라우트 만들기2. Navigator.push()로 두번째 라우트로 이동하기 3. Navigator.pop()으로 첫번째 라우트로 돌아오기 1. ..

import 'package:flutter/material.dart';import "dart:async";import "dart:convert";import 'package:http/http.dart' as http; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return TodoProvider( todoBloc: TodoBloc(API()), child: MaterialApp( debugShowCheckedModeBanner: false, title: "flutter demo", theme: ThemeData(primarySwatch: C..

이 글에서 Widget, State, BuildContext, InheritedWidget 에 대해 알아 봅니다.특히 중요하지만 문서화가 덜된 InheritedWidget에 집중해 봅시다. 플러터에서 위젯, 상태, 빌드컨텍스트는 개발자들이 이해야할 중요한 개념들입니다.그러나 문서에는는 방대하고 이런 것들을 명확히 설명해주지 않습니다.이 개념을 나만의 방법으로 설명 할 것입니다. 마음에 들지 않는 사람도 있겠지만이 글의 실제 목적은 다음 주제를 명확히하기위한 것입니다. -.stateful과 stateless위젯의 차이-.BuildContext 란-.State란 무엇이고 어떻게 사요하는지.-.BuildContext와 State 사이의 관계-.InheritedWidget과 위젯트리안에서 정보를 전달하는 방법-..

1-1. 새 플러터앱 생성 : baby_names으로 프로젝트를 생성합니다. 1-2. pubspec.yaml 파일에 cloud_firestore 디펜던시를 추가합니다. dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.2 cloud_firestore: ^0.11.0+1 #new 2-1. 아래 코드들을 입력합니다. import 'package:cloud_firestore/cloud_firestore.dart';import 'package:flutter/material.dart'; void main() => runApp(MyApp()); final dummySnapshot = [ {"name": "Filip", "votes": 15}, {"name": "..