Flutter
-
Flutter - Hero Animation[11]Flutter 2021. 1. 31. 19:04
1. 기본 앱 설정 void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } 2. Main Page class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String..
-
Flutter - Animation CurvedAnimation[10]Flutter 2021. 1. 28. 22:26
1. CurvedAnimation 기본 앱설정 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } StatefulWidget 생성 class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @over..
-
Flutter - Animation Tween [9]Flutter 2021. 1. 28. 21:57
1. Tween 기본 앱설정 class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page'), ); } } StatefulWidget 생성 class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHo..
-
Flutter - 코로나 어플 만들기 [3]Flutter 2021. 1. 24. 10:44
API 요청해서 XML 파싱하기 코로나데이터를 클래스로 만들어 준다. class CovidItem { String accDefRate; String accExamCnt; String accExamCompCnt; String careCnt; String clearCnt; String deathCnt; String decideCnt; String examCnt; String resutlNegCnt; String seq; String stateDt; String stateTime; String updateDt; String createDt; CovidItem( {this.accDefRate, this.accExamCnt, this.accExamCompCnt, this.careCnt, this.clearCnt,..
-
Flutter - 코로나 어플 만들기 [2]Flutter 2021. 1. 24. 10:24
1. Material App 디자인 하기 Theme에 기본 색들을 지정한다. class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: '코로나 현황', theme: ThemeData( primaryColor: const Color(0xFF264653), primaryColorDark: const Color(0xFF2A9D8F), primaryColorLight: const Color(0xFFE9C46A), accentColor: const Color(0xFFF4A261), bac..
-
Flutter - 코로나 어플 만들기 [1]Flutter 2021. 1. 19. 22:04
공공데이터 포탈에서 제공하는 API를 통해 일별 확진자, 완치자, 진료중인환자, 사망자의 정보를 가져오는 어플리케이션을 만들어보겠습니다. 1. 공공데이터 찾기 https://www.data.go.kr/data/15043376/openapi.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr 사이트에서 API를 찾아서 활용신청을 한다. 2. Post Man테스트 활용신청을 하고 완료되면 아래와 같이 나온다. SERVICE KEY IS NOT REGISTERED ERROR. API키로 테스트하면 위와 같은 결과가 나온다..
-
Flutter - BoxDecoration 만들기 [9]Flutter 2021. 1. 16. 16:53
1. color색깔을 지정할 수 있다. class MainPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( body: Center( child: Container( height: 150, width: 150, alignment: Alignment.center, decoration: BoxDecoration( color: Colors.red, ), child: Text('Main'), ) ) ); } } 2. image이미지를 지정할 수 있다. class MainPage extends StatelessWidget { @override Widget build(BuildContext cont..
-
Flutter - Drawer 만들기 [8]Flutter 2021. 1. 2. 17:48
1. Drawer void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: MainPage(), ); } } class MainPage extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( drawer: Drawer( child: ListView( padding: EdgeInsets.zero, children: [ DrawerHeader( child: ..