플루터(flutter) 외부 패키지 가져오기

외부 패키지 가져오기

pubspec.yaml 수정

자신의 App 디렉토리의 pubspec.yaml 파일의 내용을 수정합니다.

 

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: ^0.1.2
  english_words: ^3.1.0

 

dependencies 부분에 english_words: ^3.1.0을 추가했습니다.

 

그리고, 커맨드 명령어를 수행합니다.

flutter pub get

 

코드작성

라이브러리가 제대로 받아졌는지 확인해봅니다.

 

lib/main.dart

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

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

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    
    // 랜덤으로 영어 단어를 가져온다.
    final wordPair = WordPair.random();

    return MaterialApp(
      title: "나의 첫번째 플루터 앱",
      home: Scaffold(
        appBar: AppBar(
          title: Text('First Flutter App'),
        ),
        body: Center(
          child: Text(wordPair.asPascalCase), // 생성된 영어단어를 PascalCase 기법으로 위젯 화면에 삽입
        )
      )
    );
  }
}

english_words.dart의 WordPair.random()을 이용하여 랜덤한 영단어를 가져와서 화면에 뿌려줍니다.

 

참고. PascalCase는 CamelCase에 첫글자를 대문자로 표현한 방법입니다. 예를들어, DiskDock, BayFun 등등...

Relaod 할때마다 새로운 영단어가 화면에 보여진다.

Reference

https://flutter-ko.dev/docs/get-started/codelab

첫 Flutter 앱 작성하기 - 1부

플루터 다른 글

2019/12/08 - [Mobile/Flutter] - Flutter (플루터) Window 환경에 설치하기

Flutter (플루터) Window 환경에 설치하기

2019/12/08 - [Mobile/Flutter] - 플루터(Flutter) App 생성 및 실행

Flutter App 생성 및 실행