LoginSignup
0
0

【Flutter】パッケージ

Last updated at Posted at 2023-12-06

chatGPT に立ててもらったスケジュールに準じてパッケージを勉強。

  • Day 3: Flutterパッケージの利用
    • Flutterパッケージの探索と選択の方法を学ぶ
    • 使用頻度の高いパッケージの導入と使用方法を学ぶ

Flutterパッケージの探索と選択の方法

  • pub.devからパッケージを探す

    • 上記公式がLIKE順に並んでいるので選択しやすそう。使う人が少ないと情報も少ないのでなるべく多いやつがいい。はず。
  • 他にも参考になりそうなページ

    https://zenn.dev/namioto/articles/0ac39083ddda15

パッケージの導入と使用方法

ランダムに英単語を生成するenglish_wordsを例に使ってみる

  1. /pubspec.yamlに取り込むパッケージを記載
    dependencies:
          flutter:
            sdk: flutter
          cupertino_icons: ^0.1.2
          english_words: ^3.1.0 # 追加部分
    
  2. ./lib/main.dartにimportする
    import 'package:english_words/english_words.dart';
    
  3. ターミナルでコマンドを実行して依存関係として追加
    $ flutter pub add english_words
    
  4. 使う場所に取り入れる
    @override
     Widget build(BuildContext context) {
       final wordPair = WordPair.random(); // 追加部分
       return Scaffold(
         appBar: AppBar(
           title: Text(widget.title),
         ),
         body: Center(
           child: Text(wordPair.asPascalCase), // 追加部分
         ),
     }
    

気になったところ

cupertino_iconsが最初から入ってたけど何?と思ったのでそれも調べて使ってみた。
明日公開予定。

$ flutter packages getでパッケージ取得できるよ〜ってあったけど、取得だけしてもだめだったみたいでつまずいた。初心者は大変。
(もしかしてpub addと両方やる必要があった?よくわかんない…)

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0