플러터(Flutter) package_info_plus 패키지로 앱 패키지 정보 가져오기

 

pub.dev에서 패키지 좋은거 없나 둘러보다가 생각보다 인기가 있어보이는 앱을 발견했습니다.

 

 

패키지 플러스..? 가 뭐지.... 라고 생각하면서 사용법을 읽어보는데

뭐지..? 더 모르겠는데

일단 사용해본결과 현재 프로젝트의 패키지관련된 내용을 가져올 수 있는 패키지인 것 같습니다.

 

사용법은 간단합니다.

pubspec.yaml 파일에 패키지를 추가하고

// `PackageInfo.fromPlatform()`전에 이 라인을 호출하세요
WidgetsFlutterBinding.ensureInitialized();

PackageInfo packageInfo = await PackageInfo.fromPlatform();

위 두개를 runApp() 실행전에 실행시켜 주고

String appName = packageInfo.appName;
String packageName = packageInfo.packageName;
String version = packageInfo.version;
String buildNumber = packageInfo.buildNumber;

이렇게 4개의 변수에 패키지 정보를 넣으면 됩니다.

실행 결과

 

다만 여기서 문제점이,

PackageInfo packageInfo = await PackageInfo.fromPlatform();

를 언제 초기화 하냐 부분입니다.

저 같은경우는 그냥 runApp()전에 비동기적으로 초기화를 시켜버렸는데

void main() async {
  // Be sure to add this line if `PackageInfo.fromPlatform()` is called before runApp()
  WidgetsFlutterBinding.ensureInitialized();
  PackageInfo packageInfo = await PackageInfo.fromPlatform();
  runApp(
    MaterialApp(
      home: MyApp(
        packageInfo: packageInfo,
      ),
    ),
  );
}

 

공식에서는 이러한 방법은 예상치 못한 오류를 예기할 수 있다고 가능한 지양 하라고 하는 것 같습니다.

 

그래서 가능한 다른 방법으로는 FutureBuilder를 사용하는 방식으로 구현할 수 있습니다.

class _HomeScreenState extends State<HomeScreen> {
  Future<PackageInfo> _loadPackageInfo() async {
    return await PackageInfo.fromPlatform();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<PackageInfo>(
        future: _loadPackageInfo(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          } else if (snapshot.hasError) {
            return const Center(child: Text("Error loading package info"));
          } else {
            // Successfully loaded PackageInfo
            final packageInfo = snapshot.data!;
            return Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('appName : ${packageInfo.appName}'),
                  Text('packageName : ${packageInfo.packageName}'),
                  Text('version : ${packageInfo.version}'),
                  Text('buildNumber : ${packageInfo.buildNumber}'),
                ],
              ),
            );
          }
        },
      ),
    );
  }
}

 

확실히 FutureBuilder를 사용하면 안전성이 보장되겠지만 코드의 가독성 측면에서는 안좋은 것 같습니다.

고작 패키지명을 불러오기 위해서 코드가 길어진다는것은 좋은 코드는 아닌 느낌?

무튼 이로써 package_info_plus 사용법을 알아보았습니다.

 

아직 이 패키지를 어디에 사용해야 할지 감은 안오지만, 주로 내 정보페이지에 있는 "앱 버전"에 적게 된다면

유용한 기능일 것 같습니다.

이 패키지를 안쓴다면 하드코딩해야하므로(하드코딩은 멈춰!)

 

전체 코드

코드 보기

import 'package:flutter/material.dart';
import 'package:package_info_plus/package_info_plus.dart';

void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        textTheme: const TextTheme(
          bodyMedium: TextStyle(
            fontSize: 14,
            height: 2,
          ),
        ),
      ),
      home: const HomeScreen(),
    ),
  );
}

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  Future<PackageInfo> _loadPackageInfo() async {
    return await PackageInfo.fromPlatform();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: FutureBuilder<PackageInfo>(
        future: _loadPackageInfo(),
        builder: (context, snapshot) {
          if (snapshot.connectionState == ConnectionState.waiting) {
            return const Center(child: CircularProgressIndicator());
          } else if (snapshot.hasError) {
            return const Center(child: Text("Error loading package info"));
          } else {
            // Successfully loaded PackageInfo
            final packageInfo = snapshot.data!;
            return Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('appName : ${packageInfo.appName}'),
                  Text('packageName : ${packageInfo.packageName}'),
                  Text('version : ${packageInfo.version}'),
                  Text('buildNumber : ${packageInfo.buildNumber}'),
                ],
              ),
            );
          }
        },
      ),
    );
  }
}