사회적 거리두는 블로그

플러터(Flutter) 유튜브 재생하기

패키지 flutter_youtube 패키지를 추가합니다. pubspec.yaml dependencies: flutter: sdk: flutter cupertino_icons: ^0.1.3 flutter_youtube: "^2.0.0+1" 예제 참고 링크의 example 코드를 가져왔습니다. 기본적으로 Youtube API Key 를 발급받아 사용하는데 재생하는데는 문제가 없었습니다. import 'package:flutter/material.dart'; import 'package:flutter_youtube/flutter_youtube.dart'; void main() => runApp(new MyApp()); class MyApp extends StatefulWidget { @override _MyA..

Application/Flutter 2020. 8. 26. 11:20

플러터(Flutter) 파일 읽고 쓰기

패키지 추가 pubspec.yaml 파일에 path_provider 패키지를 추가합니다. path_provider 파일 시스템에서 일반적으로 사용하는 경로 찾기를 지원 IOS, Android, Mac OS pubspec.yaml name: layout description: A new Flutter project. version: 1.0.0+1 environment: sdk: ">=2.1.0

Application/Flutter 2020. 8. 25. 10:14

플러터(Flutter) HTTP 통신 알아보기 -1

패키지 추가 pubspec.yaml 파일에 http 패키지를 추가하고 pub get 혹은 flutter pub get 명령어로 해당 패키지를 설치합니다. pubspec.yaml name: http_1 description: A new Flutter project. version: 1.0.0+1 environment: sdk: ">=2.1.0

Application/Flutter 2020. 8. 20. 02:47

플러터(Flutter) SQLite 를 활용한 메모장 구현 -1

소개 SQLite 와 연동하여 메모장을 구현하는 것을 알아보겠습니다. 참고 참고한 링크들입니다. SQLite에 데이터 저장하기 로컬 디바이스에 많은 데이터를 저장하고 쿼리를 요청해야 한다면, 로컬 파일이나 키-값 저장소 대신 데이터베이스를사용해보세요. 일반적으로 데이터베이스는 다른 로컬 솔루션보다 더 빠른 � flutter-ko.dev sqflite | Flutter Package Flutter plugin for SQLite, a self-contained, high-reliability, embedded, SQL database engine. pub.dev 패키지 sqflite: SQLite 데이터베이스를 사용할 수 있도록 지원 path: 디스크에 저장할 데이터베이스의 경로와 관련된 기능을 지원 해당..

Application/Flutter 2020. 8. 10. 18:27

플러터(Flutter) PageView 사용하기

예제 PageView 는 페이지를 슬라이드로 볼 수 있습니다. 초기 선언한 배열의 크기만큼 페이지를 생성하려면 다음과 같이 사용합니다. (initialPage) import 'package:flutter/material.dart'; class PageViewPage extends StatelessWidget { final List images = ['son_1.jpg', 'son_2.jpg', 'son_3.jpg', 'son_4.jpg']; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('이미지 보기2'), ), body: PageView.builder( controller: PageCo..

Application/Flutter 2020. 8. 6. 17:03

플러터(Flutter) ListView 를 활용한 이미지뷰어 만들기

예제 이미지 리스트를 출력해주는 페이지입니다. import 'package:flutter/material.dart'; import 'package:myblog/image_view_page.dart'; class ImageListPage extends StatelessWidget { final List images = ['son_1.jpg', 'son_2.jpg', 'son_3.jpg', 'son_4.jpg']; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('이미지 리스트'), ), body: ListView.separated( padding: const EdgeInsets.all(8),..

Application/Flutter 2020. 8. 6. 15:31

플러터(Flutter) ListView 사용하기

ListView class - widgets library - Dart API A scrollable list of widgets arranged linearly. ListView is the most commonly used scrolling widget. It displays its children one after another in the scroll direction. In the cross axis, the children are required to fill the ListView. If non-null, the ite api.flutter.dev 기본형 ListView( padding: const EdgeInsets.all(8), children: [ Container( height: 50..

Application/Flutter 2020. 8. 6. 00:47

플러터(Flutter) 멀티 페이지 라우트 설정하기 : Navigator.pushNamed

MaterialApp 플러터 프로젝트를 생성하면 기본으로 생성되는 main.dart 의 MyApp 클래스 입니다. class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( // This is the theme of your application. // // Try running your application with "flutter run". You'll see the // application has a blue to..

Application/Flutter 2020. 8. 4. 16:39