조용한 담장

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 화면에 그려지는 텍스트에 다양한 효과를 적용하기 위한 속성들을 지정하는 데에 사..

Flutter : State management (Provider) 앱의 화면 또는 위젯 간에 정보 공유를 위한 방법에 대한 설명을 살펴보자. Ephemeral state and App state Ephemeral state (sometimes called UI state or local state) is the state you can neatly contain in a single widget. state 를 두 종류로 나누어 설명한다. Ephemeral state 는 한 위젯안에서만 사용하는 state 로써, 앱으로 생각하면 한 화면 안에서만 영향을 주는 변수들을 예로 생각해 볼 수 있다. 데이터를 로딩하면서 프로그레스 바를 그리는 화면이 있다면 그 이후의 앱 페이지 (혹은 위젯) 에게는 로딩 상태..