世界最大級のオンライン学習サービス「Udemy(ユーデミー)」とは?

【Flutter】外部パッケージのインストール・アンインストール

pub.dev(Dart packages)から外部パッケージをインストール・アンインストールする方法を紹介します。

既にインストールしているパッケージをアップグレードしたい方はこちら。

目次

外部パッケージのインストール

pub.dev(Dart packages)を開き、導入したい外部パッケージを検索します。

検索した関連ワードのパッケージが一覧されるので導入したいパッケージを選択。

今回は「flutter_lorem」をインストールしていきます。

すると外部パッケージの詳細が表示されるので「Installing」を選択します。

「Run this command.」の下にあるコマンド(赤矢印のコマンド)をコピーします。

$ flutter pub add flutter_lorem

コピーしたら一度pub.devを離れ、外部パッケージを導入するFlutterプロジェクトをエディタで開きます。

ターミナルでコピーしたコマンドを実行し、しばらくすると外部パッケージがインストールされます。

インストールされたか確認するにはpubspec.yamlを開きます。

インストールが完了している場合は次のようにパッケージが追加されています。

dependencies:
  flutter:
    sdk: flutter

  # The following adds the Cupertino Icons font to your application.
  # Use with the CupertinoIcons class for iOS style icons.
  cupertino_icons: ^1.0.2
  flutter_lorem: ^2.0.0 #ここに追加される

またpubspec.yamlを手動で編集した場合は次のコマンドで更新する必要があります。

$ flutter pub get

pubspec.yamlでパッケージがインストールされたのを確認したらpub.devに戻ります。

「Installing」の「Import it」の下にあるコマンドをコピーし、パッケージを使用するdartファイルにペーストします。

//dartファイルにコピペ
import 'package:flutter_lorem/flutter_lorem.dart';

これで外部パッケージの導入は完了です。

次のサンプルコードでは今回導入したflutter_loremパッケージの「lorem関数」を使用しています。

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

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(title: const Text('Flutter')),
        body: Center(
          child: Padding(
            padding: const EdgeInsets.all(30),
            child: Container(
              child: Text(lorem(paragraphs: 4, words: 150)),
            ),
          ),
        ),
      ),
    );
  }
}

サンプルコードを実行すると次のようなダミーテキストが生成されます。

外部パッケージのアンインストール

外部パッケージをアンインストールするにはVSCodeなどのエディタでFlutterプロジェクトを開き、次のコマンドを実行します。

$ dart pub remove パッケージ名

合わせて読みたい

参考サイト

目次