Clipboard에 글자 복사

Chocomilk·2021년 3월 2일
0
post-custom-banner

쇼핑몰 앱에서 물건을 주문한 경우 보통 위 사진에 나와 있는 정보들이 고객에게 제공된다.
해당 정보들 중 운송장 번호를 통해 주문한 물품의 현재 위치를 파악할 수 있다.
이런 경우에 사용자가 직접 복사 범위를 선택해서 복사하는 것보다 해당 텍스트를 터치했을때 바로 복사될때 사용자들이 편의를 느끼게 될 것이다.

이러한 경우 아래의 코드를 통해 해당 동작을 구현할 수 있다.

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이 클립보드에 복사 되게 된다.

cf : https://eunjin3786.tistory.com/286

profile
어제보다 한 발짝 더 나아가려는 Flutter 개발자
post-custom-banner

0개의 댓글