flutter

본 토픽은 현재 준비중입니다. 공동공부에 참여하시면 완성 되었을 때 알려드립니다.

첫번째 앱만들기 2단계 - 외부 패퀴지 사용

영어 단어 패퀴지를 찾고 다른 오픈소스 패퀴지들을 아래 사이트에서 찾을 수 있다.

https://pub.dartlang.org/flutter

우리는 가장 많이 사용하는 영어 단어 5000개가 묶혀 있는 라이브러리를 사용할 것 이다.

https://github.com/filiph/english_words

 

1. 앱의 의존성은 pubspec 파일에서 관리한다. 

pubspec.yaml 파일 아래 english_words의 추가한다.

            dependencies:            
                                   flutter:            
                                     sdk: flutter            
                                   cupertino_icons: ^0.1.2            
                    +              english_words: ^3.1.0

2. ide에서 저장을 누르면 자동으로 패퀴지가 다운로드 되거나 다운로드 되지 않는 다면 ide 상단에 packgate get를 클릭하면 패퀴지가 다운로드 됩니다.  또는 콘솔에서 명령어를 이용하여 다운로드 받을 수 있습니다.

 flutter packages get
Running "flutter packages get" in startup_namer...
Process finished with exit code 0

 가져온 패퀴즈 목록과 버전정보는 pubspec.lock 파일에 자동으로 생성됩니다.

3. lib/main.dart 파일안에 다운로드 받은 패퀴지를 추가한다.

import 'package:english_words/english_words.dart';

4. 영어 단어 패퀴지를 사용보겠습니다.

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: 'Welcome to Flutter',
      home: Scaffold(
        appBar:  AppBar (
          title: Text('영어 패퀴지 사용하기'),
        ),
        body: Center(
          child: Text(wordPair.asCamelCase),
        ),
      ),
    );
  }
}

실행화면

앱을 계속 로딩하면 랜덤을 단어들이 추출된다.

댓글

댓글 본문
작성자
비밀번호
버전 관리
happydeveloper
현재 버전
선택 버전
graphittie 자세히 보기