스마트시대

4.3 Sign Up Form email , username 을 입력받을 widget을 2개 만든다. signup 화면에서 gesturedector 로 email AuthButton을 감싼다. Method에 ‘_’ 접두어를 붙여서 private 와 같이 만들수 있다. appBar, Scaffold Theme 를 main.dart에 만들기 Theme는 모든곳에서 적용됨. 오버라이드 가능 Sizes 는 ‘+’ 연산 가능 sign_up_screen builder: (context) => const LoginScreen(), ), ); } ---------------- // 버튼이나 글씨 누르면 다음 화면으로 넘어가는 함수 void _onEmailTap(BuildContext context) { Navigato..

1.Login Screen SignUp 화면에서 Login Tap 할때 onLoginTap() 구현 로그인 화면과 사인업 화면 상호 Tap시 네이게이션 import 'package:flutter/material.dart'; import 'package:tiktok_clone/constants/gaps.dart'; import 'package:tiktok_clone/constants/sizes.dart'; class LoginScreen extends StatelessWidget { const LoginScreen({super.key}); ------- void onLoginTap(BuildContext context) { Navigator.of(context).push( MaterialPageRoute(..

import 'package:flutter/material.dart'; class SignUpScreen extends StatelessWidget { const SignUpScreen({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Column( children: const [ Text("Sign up for TikTok"), ], ), ), ); } } sign_up_screen.dart ~~~~~~~ return Scaffold( body: SafeArea( child: Padding( padding: const EdgeInsets.symmetric( horizonta..

https://replit.com/ nodecode Run Dart code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter. replit.com vscode 반복되는 코드를 한번에 수정하기 맥 단축키: Command + D 이전에(이후에) 작업하던 코드로 이동하기 맥 단축키: ⌃ - / ⌃ ⇧ - (Alt + ← / →) : 이전 위치, 다음 위치 동시에 커멘트 적고 싶을 때(multi select) 맥 단축키: Option + 클릭 (Alt + 클릭) 서로 다른 단어들 한번에 고칠 때 선택하기 맥 단축키: Cmd + Shift + L (Ct..

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

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( textTheme: const TextTheme( displayLarge: TextStyle( color: Color(0xFF232B55), ), ), cardColor: const Color(0xFFF4EDDB), ), ..

import 'package:flutter/material.dart'; void main() { runApp(const App()); } class App extends StatefulWidget { const App({super.key}); @override State createState() => _AppState(); } class _AppState extends State { @override Widget build(BuildContext context) { return MaterialApp( theme: ThemeData( // here textTheme: const TextTheme( titleLarge: TextStyle( color: Colors.red, // here ), ), ), ho..

import 'package:flutter/material.dart'; void main() { runApp(const App()); } class App extends StatefulWidget { const App({super.key}); @override State createState() => _AppState(); } class _AppState extends State { int counter = 0; void onClikced() { counter = counter + 1; } @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: const Color(0xFFF4EDD..

1. offset 관련 parameter 만들기 import 'package:flutter/material.dart'; import 'package:toonflix/widgets/button.dart'; import 'package:toonflix/widgets/currency_card.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: const Color(0xFF181818), body: Si..

1. icons and transforms import 'package:flutter/material.dart'; import 'package:toonflix/widgets/button.dart'; void main() { runApp(const App()); } class App extends StatelessWidget { const App({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaffold( backgroundColor: const Color(0xFF181818), body: Padding( padding: const EdgeInsets.symmetric( horizontal: 2..