[flutter] 플러터 Drawer에서 사용자의 프로필을 다른 사람들과 공유하는 방법은?

07 Dec 2023

flutter

플러터(Flutter) 앱에서 사용자 프로필을 Drawer를 통해 다른 사람들과 공유하는 기능을 구현하는 방법에 대해 알아보겠습니다.

1. 프로필 정보 저장하기

사용자의 프로필 정보를 저장할 수 있는 곳이 필요합니다. 이를 위해 일반적으로 SharedPreferences 또는 데이터베이스를 사용합니다. 여기서는 SharedPreferences를 사용하여 간단한 예제를 제시하겠습니다.

import 'package:shared_preferences/shared_preferences.dart';

saveUserProfile(String name, String email) async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  prefs.setString('name', name);
  prefs.setString('email', email);
}

getUserProfile() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  String name = prefs.getString('name');
  String email = prefs.getString('email');
  
  // 프로필 정보 반환
  return {'name': name, 'email': email};
}

2. Drawer 위젯 내 프로필 정보 표시하기

프로필 정보를 저장하고 나면, Drawer 위젯에서 해당 정보를 표시해야 합니다. Drawer 위젯에서 UserAccountsDrawerHeader 위젯을 사용하여 프로필을 표시할 수 있습니다.

import 'package:flutter/material.dart';

Widget buildDrawer() {
  return Drawer(
    child: ListView(
      children: [
        UserAccountsDrawerHeader(
          accountName: Text('사용자 이름'),
          accountEmail: Text('사용자 이메일'),
          currentAccountPicture: CircleAvatar(
            backgroundImage: AssetImage('assets/profile.jpg'),
          ),
        ),
        // 다른 메뉴 아이템들
      ],
    ),
  );
}

위의 예에서는 정적으로 사용자 이름과 이메일을 표시하였지만, 실제로는 getUserProfile 메서드를 호출하여 저장된 프로필 정보를 가져와서 표시해야 합니다.

3. 프로필 공유하기 기능 구현하기

프로필 공유하기 기능을 구현하기 위해서는 공유할 수 있는 링크 또는 기능이 필요합니다. 예를 들어, 사용자 프로필을 다른 사람에게 이메일 또는 메시지로 보낼 수 있는 기능을 제공하는 것이 일반적입니다.

import 'package:url_launcher/url_launcher.dart';

shareProfile() async {
  Map<String, dynamic> userProfile = await getUserProfile();
  String name = userProfile['name'];
  String email = userProfile['email'];

  String message = '안녕하세요! 제 이름은 $name이고, 이메일은 $email입니다.';

  if (await canLaunch('sms:')) {
    launch('sms:?body=$message');
  } else {
    // SMS 앱이 설치되어 있지 않은 경우 처리
  }
}

위의 예제는 url_launcher 패키지를 사용하여 SMS 앱을 열고 메시지를 전송하는 방법을 보여줍니다. 메시지 내용은 저장된 프로필 정보를 이용하여 동적으로 생성됩니다.

참고 자료

이제 위의 가이드를 참고하여 플러터 앱의 Drawer에서 사용자 프로필을 공유할 수 있는 기능을 구현해보세요!