개발부터 자유까지

flutter 패키지인 introduction_screen 버전을 추가하고 pub getintroduction_screen에 들어갈 이미지 파일들이 있는 image 디렉토리를 asset 속성에 추가name: flutter_practicedescription: "A new Flutter project."# The following line prevents the package from being accidentally published to# pub.dev using `flutter pub publish`. This is preferred for private packages.publish_to: 'none' # Remove this line if you wish to publish to pub.devve..

main.dart, ScreenA.dart, ScreenB.dart, ScreenC.dart 4개 파일로 이루어짐MaterialApp위젯에서 home 대신 initalRoute, routes을 사용해 페이지 이동 (home과 initalRoute를 동시에 사용하면 error 발생)main.dart에서 routes는 Map 형식으로 key는 해당 페이지 주소, value는 해당 페이지를 구성된다.해당 페이지 주소인 key는 ScreenA 페이지에서 TextButton을 눌렀을 때, 호출되는 Navigator의 pushNamed 메소드와 연결된다. // main.dartimport 'package:flutter/material.dart';import 'package:flutter_practice/Screen..

Navigator widget은 stack 구조로 push, pop 함수를 사용해서 페이지를 라우팅한다.Navigator widget이 push, pop  할 때,  해당 페이지를 BuildContext의 context를 통해서 식별한다.  import 'package:flutter/material.dart';import 'package:fluttertoast/fluttertoast.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return const MaterialA..

Column widget, Row widget은 레이아웃 잡는데 필수라고 해도 무방할 정도로 자주 쓰이는 위젯이다.코드에 주석 처리되어 있는 것들도 하나씩 해보고 참고 링크를 통해 속상값이 내가 생각한 것처럼 동작하는지 확인할 수 있다.import 'package:flutter/material.dart';import 'package:fluttertoast/fluttertoast.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return const MaterialApp(..

Container 위젯 특징MarginPaddingOnly one childhttps://api.flutter.dev/flutter/widgets/Container-class.html?_gl=1*1e9zrgq*_ga*OTQ2NTcyMDgxLjE3MjU5Nzk2MTk.*_ga_04YGWK0175*MTcyNTk3OTYxOC4xLjEuMTcyNTk4MDcxNC4wLjAuMA.. Container class - widgets library - Dart APIA convenience widget that combines common painting, positioning, and sizing widgets. A container first surrounds the child with padding (inflate..

Builder Widget 없이 스낵바 만들기강의에서는 RaisedButton으로 구현했지만 deprecated 됨ElevatedButton으로 대체 구현함 main.dartimport 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'AppBar', theme: ThemeData(primarySwatch: Colors.red), home: const..

강좌 18영상에서 사용하는 예전 Widget 이 더이상 사용하지 않아 현재 버전(Flutter 3.24.1) 사용하는 Widget 으로 수정하여 코딩함FlatButton은 더 이상 사용되지 않으며, 대신 TextButton, ElevatedButton, 또는 OutlinedButton을 사용해야되며, Scaffold.of(context).showSnackBar는 이제 ScaffoldMessenger.of(context).showSnackBar로 대체됨import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @o..

AppBar 위젯에서 사용하는 속성leading : 아이콘 버튼이나 간단한 위젯을 왼쪽에 배치할 때actions : 복수의 아이콘 버튼 등을 오른쪽에 배치할 때onPressed : 함수의 형태로 일반 버튼이나 아이콘 버튼을 터치했을 때 일어나는 이벤트를 정의 import 'package:flutter/material.dart';void main() => runApp(const MyApp());class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'AppBar', theme: ThemeD..