조용한 담장

Dart : Asynchronous programming Dart 의 비동기 프로그래밍. Asynchrony support 비동기 프로그래밍은 Future or Stream 을 통해 지원한다. 아래 코드를 보면서 감을 잡아보자. main() 에서 첫번째 print() 를 출력하고 두번째 print() 에서 출력할 내용을 await createOrderMessage() 이 리턴할 때 까지 기다린다. createOrderMessage() 에서 var order 변수를 생성하고 값을 설정하기 위해 await getUserOrder() 의 리턴값을 기다린다. getUserOrder() 에서 Future.delayed() 가 4초 후 'Large Latte' 문자열을 리턴한다. await getUserOrder(..

SelectableText flutter Text 위젯은 화면에 글자를 그리지만 사용자가 텍스트를 복사는 할 수 없다. TextField 위젯 처럼 텍스트를 복사할 수 있는 위젯을 보자. SelectableText SelectableText(String text, { Key key, InputlessFocusNode focusNode, TextStyle style, TextAlign textAlign: TextAlign.start, TextDirection textDirection, Radius cursorRadius, Color cursorColor, DragStartBehavior dragStartBehavior: DragStartBehavior.down, bool enableInteractiveSe..

Flutter : Navigator 앱 화면 간 이동을 구현할 때 사용한다. 또는 특정 위젯 간의 이동이 될 수도 있다. navigator 를 이용한 예제를 만들어 보자. 예제코드 기본 코드 구조는 아래와 같다. 앱의 각각 다른 화면을 page로 구분하여 각각을 위젯으로 구성해 볼 것이다. App's home page Homepage 에서 page1, page2, page3, page4 로 이동할 수 있는 버튼을 가진 화면을 구현해보자. Navigator Navigator({Key key, String initialRoute, @required RouteFactory onGenerateRoute, RouteFactory onUnknownRoute, List observers: const [] }) A w..

Flutter : Text Widgets Flutter 의 텍스트와 관련된 위젯들을 살펴보고 테스트 해보자. 텍스트를 그리는 Text 와 RichText 가 있고, 그래픽적 효과를 적용할 수 있는 TextStyle, 글자, 문장을 모아 문단을 구성할 수 있게 해주는 TextSpan 이 있다. TextStyle class TextStyle({bool inherit: true, Color color, Color backgroundColor, double fontSize, FontWeight fontWeight, FontStyle fontStyle, ... }) An immutable style in which paint text 화면에 그려지는 텍스트에 다양한 효과를 적용하기 위한 속성들을 지정하는 데에 사..