MakerHyeon

MyPage(context 1) ㄴScaffold-Body(MySnackBar())-MySnackBar(context 2)(build 함수)-Center-RaisedButton Scaffold.of(contexxt 2)-SnackBar ㄴAppBar 위 구조로 위에있는 Scaffold를 찾아 낼 수 있음. 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( debugShowCheckedM..

build(BuildContext context)...에서 사용되는 BuildContext는 return되는 위젯의 것이 아니라, 이함수를 불러오는 BuildContext가 context가 된다! 여기에서는 MyPage의 context를 뜻한다. scaffold.of(context) 메소드가 의미하는 바는 현재 buildContext에서 위로 거슬러 올라가며 가장 가까운 Scaffold 위젯을 찾아 반환하라는 것이다. 하지만 이를 찾지못해 문제가 생기고,이를 해결하기 위해 builder위젯을 추가해주는것이다. 플러터 2.0에는 여기저기 흩어져있는 SnackBar를 관리하는 ScaffoldMessenger라는 새로운 위젯이 추가되었다! +) 한 페이지에서만 스낵바가 보여지고 페이지 이동을 하면 스낵바가 즉..

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( debugShowCheckedModeBanner: false, // 디버그 없애기 title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const Grade(), // 앱실행시 가장먼저 보여지는 경로 ); } } class Grade extends St..

※ App bar icon button ● 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( debugShowCheckedModeBanner: false..

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( debugShowCheckedModeBanner: false, // 디버그 없애기 title: 'Flutter Demo', theme: ThemeData( primarySwatch: Colors.blue, ), home: const Grade(), // 앱실행시 가장먼저 보여지는 경로 ); } } class Grade extends St..

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: 'First app', theme: ThemeData( primarySwatch: Colors.blue, ), home: const MyHomePage(), // 앱실행시 가장먼저 보여지는 경로 ); } } class MyHomePage extends StatelessWidget { const MyHomePage({super..

● main.dart import 'package:flutter/material.dart'; import 'package:toonflix/screens/home_screen.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: HomeScreen(), ); } } ● api_service.dart import 'dart:convert'; import 'package:http/http.dart' as http; import 'package:toon..

● main.dart import 'package:flutter/material.dart'; import 'package:toonflix/screens/home_screen.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( // backgroundColor colorScheme: ColorScheme.fromSwatch( backgroundColor: const Color(0xFFE7626c), ), textTheme: ..