[flutter] 유데미x스나이퍼팩토리 프로젝트 캠프 - 7일차 학습일지 - 4: pub.dev, 패키지 설치하기

손세은·2023년 9월 28일

패키지란?

  • 구글 폰트 넣어주기
  • 구글, 네이버 맵 구현하기
  • 애니메이션 구현하기
  • 결제기능 추가하기
  • 패키지란? 앱에 일부기능을 추가해주는 코드 컨테이너
    • 코드 컨테이너:
  • 다른 사람이 작성한 코드 꾸러미
  • 다른 패키지를 내 프로젝트에 사용한다 == 의존한다 == 의존성

패키지 의존성 관리 파일

  • pubspec.yaml: 이미지 등록, 폰트 등록, 패키지 등록

pub.dev

  • 구글에서 운영하는 패키지 공유 공간
  • Dart와 Flutter 패키지가 많이 등록돼있다.
  • Dart와 Flutter 의 패키지 저장소로서,
    여러 플러터 개발자들이 본인이 만들어놓은 위젯 혹은 코드를 확인할 수 있는 곳이다.
  • 하단 네모들은 fav.packages
  • pub.dev의 패키지 중 원하는 것을 골라서 등록하면, 기능을 쉽게 더할 수 있다는 장점이 있다.

pub.dev 기본 사용법

  1. 사용하고 싶은 패키지를 검색 후 상세페이지에 들어온다.
    • animate_do : 패키지 이름
    • 3.1.2 : 현재 최신으로 안정돼 있는 안정 버전
    • 타이틀 옆에 복사가능

패키지 설치 방법

  • 거의 모든 pub.dev 의 패키지 설치방법은 동일하다


  • pubspec.yaml에서 dependencies에 넣어서 등록할 수 있다.

실습

Package: english_word

import 'package:english_words/english_words.dart';

main() {
  nouns.take(50).forEach(print);
}
  • 사용 예시
class MyApp extends StatelessWidget {
  const MyApp({super.key});

  
  Widget build(BuildContext context) {
    return MaterialApp(
      home: SafeArea(
        child: Scaffold(
          body: PageView.builder(
            itemCount: nouns.length,
            itemBuilder: (context, index) {
              return Center(
                child: Text(
                  nouns[index],
                  style: TextStyle(
                      color: Colors.black87,
                      fontWeight: FontWeight.bold,
                      fontSize: 46),
                ),
              );
            },
          ),
        ),
      ),
    );
  }
}
profile
힙스터 개발자가 될래요

0개의 댓글