[flutter] 플러터 앱에 화면 외부 아이콘 사용하기
플러터(Flutter)로 개발된 모바일 앱에서는 기본적으로 앱 아이콘을 제공합니다. 그러나 때로는 화면 외부에 위치한 아이콘을 추가하고 싶을 때가 있습니다. 예를 들어, 푸시 알림을 사용하거나 플로팅 액션 버튼을 구현하고 싶은 경우 등입니다. 이번 포스트에서는 플러터 앱에서 화면 외부에 아이콘을 추가하는 방법에 대해 살펴보겠습니다.
앱을 위한 퍼미션 설정
먼저, 화면 외부에 아이콘을 추가하기 위해서는 다음 두 가지 퍼미션이 필요합니다.
<uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>: 시스템 알림 윈도우 권한<uses-permission android:name="android.permission.ACTION_MANAGE_OVERLAY_PERMISSION"/>: 오버레이 권한
AndroidManifest.xml 파일에 위의 퍼미션을 추가합니다.
화면 외부 아이콘 추가
이제, 화면 외부에 아이콘을 추가해보겠습니다. 다음은 플러터 앱에서 floating_action_button을 사용하여 화면 외부에 아이콘을 추가하는 예제 코드입니다.
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('External Icon Example'),
),
body: Center(
child: ElevatedButton(
onPressed: () {
// Add code to show external icon
SystemNavigator.pop();
},
child: Text('Show External Icon'),
),
),
),
);
}
}
위의 코드에서는 시스템 알림 윈도우 권한을 허용하고 오버레이 권한을 허용한 후에 ElevatedButton을 누르면 화면 외부에 아이콘이 나타납니다.
결론
플러터를 사용하여 앱에 화면 외부 아이콘을 추가하는 방법을 살펴보았습니다. 정상적으로 설정되어 있으면 화면 외부에 아이콘을 성공적으로 추가할 수 있을 것입니다. 관련된 퍼미션을 정확히 설정하고, 앱이 사용자의 기기에서 요구하는 권한을 올바르게 처리하는 것이 중요합니다.
위의 예제는 Android 기반의 플러터 앱에 대한 것이며, iOS에서는 별도의 설정이 필요할 수 있습니다.
확인된다면, 시스템 알림 윈도우 권한 및 오버레이 권한을 요구하는 코드에서 오류가 발생하지 않는지 확인하시기 바랍니다.