개발/플러터 19 [플러터] 이미지 파일 넣기 ( assets ) 첫번째, 이미지 파일을 준비한다. 두번째, 로고 이미지가 들어간 폴더를 생성한다. 이때 생성된 폴더의 위치는 pubspec.yaml의 파일위치와 같아야한다. 따라서 pubspec을 우클릭하여 show in explorer로 열도록 하자. 폴더가 열렸으면 여기에 images 폴더를 생성하세요. images 안에 원하는 이미지 파일을 모조리 때려 넣습니다. 세번째, pubspec.yaml 파일을 열어서 수정하세요. 을 넣으세요. 간혹 이런 에러로그가 뜨는 분이 있으실 겁니다. 이것은 - 와 images/ 사이에 스페이스가 없어서 생기는 에러이니 필수로 - images/ 로 해주세요. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}).. 2020. 5. 5. [플러터] AnimatedWidget에 대해서 ( 커스텀 애니메이션 위젯 ) 이번에 설명해드릴 플러터 기능은 이주의 위젯으로 뽑힌 AnimatedWidget 입니다. AnimatedWidget 은 커스텀 애니메이션 효과를 내기 위한 추상 클래스입니다. 위젯이 아니에요. 따라서 기존의 애니메이션 위젯( slideTransition, RotationTransition 등 ) 들이 원하는 효과를 주지 못할때 사용합니다. import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: .. 2020. 5. 4. [플러터] BottomNavigationBar 에 대해서 BottomNavigationBar 은 하단에 메뉴탭을 구성하는 위젯입니다. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}) : super(key: key); int _selectedIndex = 0; static const TextStyle optionStyle = TextStyle(fontSize: 30, fontWeight: FontWeight.bold); static const List _widgetOptions = [ Text( 'Index 0: Home', style: optionStyle, ), Text( 'Index 1: Business', style: optionStyle, ), Text( 'Index 2: S.. 2020. 5. 2. [플러터] PageView 에 대해서 PageView 란 여러 페이지를 좌우로 슬라이드하여 넘길 수 있도록 해주는 위젯입니다. class MyFirstWidget extends StatelessWidget { MyFirstWidget({Key key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: const Text('PageView Example'), ), body: PageView( children: [ Container( width: 100, height: 100, color: Colors.green, ), Container( width: 100, height: 100, color: Color.. 2020. 5. 2. 이전 1 2 3 4 5 다음
