쇼핑몰 앱에서 물건을 주문한 경우 보통 위 사진에 나와 있는 정보들이 고객에게 제공된다.
해당 정보들 중 운송장 번호를 통해 주문한 물품의 현재 위치를 파악할 수 있다.
이런 경우에 사용자가 직접 복사 범위를 선택해서 복사하는 것보다 해당 텍스트를 터치했을때 바로 복사될때 사용자들이 편의를 느끼게 될 것이다.
이러한 경우 아래의 코드를 통해 해당 동작을 구현할 수 있다.
import 'package:flutter/services.dart';
TextSpan(text: '123456789112',
recognizer: TapGestureRecognizer()..onTap =(){
Clipboard.setData(new ClipboardData(text: "123456789112"));
},
style : textStyle.copyWith(fontWeight: FontWeight.w700,
))
])
코드에 관한 간단한 설명을 하면 다음과 같다.
- TextSpan을 통해 텍스트 위젯을 구성한다.
- TextSpan 위젯의 Recognizer을 통해 복사될 text를 설정하면 된다.
- 위의 코드 경우 다음과 같이 작성이 되어있다.
- Clipboard.setData(new ClipboardData(text: "123456789112"));
- 다음의 경우에는 123456789112이 클립보드에 복사 되게 된다.