본문 바로가기

Programming/Dart & Flutter

Flutter 5일 차 - Flutter for iOS devs (5/8), Gesture detection and touch event handling, Theming and text

반응형

Gesture detection and touch event handling

https://flutter.dev/docs/get-started/flutter-for/ios-devs#gesture-detection-and-touch-event-handling

 

How do I add a click listener to a widget in Flutter?

iOS 에서는 클릭 이벤트를 처리하기 위해서 GestureRecognizer 를 붙인다.

Flutter 에는 터치 리스너를 추가하는 2가지 방법이 있다.

  1. 만약 위젯이 이벤트 발견을 지원한다면 함수를 넘겨라 그리고 함수에서 이벤트를 처리해라.
  2. 만약 이벤트 발견을 지원하지 않는다면 GestureDetector 로 감싸고 onTap 매개변수에 함수를 넘겨라

How do I handle other gestures on widgets?

https://flutter.dev/docs/get-started/flutter-for/ios-devs#how-do-i-handle-other-gestures-on-widgets

 

GestureDetector 를 사용하여 받을 수 있는 제스처는 다음과 같다.

제스처의 종류는 위 링크에서 확인할 수 있다.

Theming and text

https://flutter.dev/docs/get-started/flutter-for/ios-devs#theming-and-text

 

Flutter 는 일반적으로 필요로 하는 많은 스타일, 테마를 가지고 있는 Material Design 의 멋진 구현체를 제공한다.

 

앱에서 머테리얼 컴포넌트를 최대한 활용하려면 MaterialApp 을 최상위 위젯을 선언하라.

MaterialApp 은 머테리얼 디자인을 구현하는 애플리케이션을 위해 일반적으로 필요로 하는 많은 위젯을 포함한 편리한 위젯이다.

특정 기능의 머테리얼을 추가함으로써 WidgetsApp 을 만든다.

 

Flutter 는 아무 디자인 언어를 구현하기 위해 충분히 유연하고 표현력 있다.

iOS 에서는 Human Interface Guidelines 를 준수하는 인터페이스를 만드는 Cupertino library 를 사용할 수 있다.

 

MaterialApp 처럼 풍부하지는 않지만 일부 기능을 제공하는 WidgetsApp 을 앱 위젯으로 사용할 수 있다.

 

하위 컴포넌트들의 스타일, 색을 커스텀하려면 MaterialApp 위젯에 ThemeData 객체를 넘겨라.

How do I set custom fonts on my Text widgets?

https://flutter.dev/docs/get-started/flutter-for/ios-devs#how-do-i-set-custom-fonts-on-my-text-widgets

 

iOS 에서는 ttf 폰트 파일을 프로젝트로 가져올 수 있고 info.plist 에 참조를 만들 수 있다.

Flutter 에서는 폴더에 폰트 파일을 두고 pubspec.yaml 에 참조를 둔다.

How do I style my Text widgets?

https://flutter.dev/docs/get-started/flutter-for/ios-devs#how-do-i-style-my-text-widgets

폰트와 함께 Text 위젯과 관련된 다른 스타일 요소들을 커스텀할 수 있다.

Text 위젯의 스타일 매개변수로 TextStyle 객체를 사용한다.

 

커스텀 가능한 parameters 는 위 링크에서 확인하자 

 

반응형