전체 글(74)
-
ex32. Navigator
✅ 학습 목표 ✅ 화면 이동 ✅ 화면 이동의 원리 ✅ 화면 이동의 원리 ✅ 실행 코드 및 화면import 'package:flutter/material.dart';class mainPage extends StatelessWidget { const mainPage({super.key}); @override Widget build(BuildContext context) { return Scaffold( body: SafeArea( child: Center( child: Column( mainAxisAlignment: MainAxisAlignment.center, children: [ Text( ..
2024.06.14 -
ex31. Onboarding
✅ Onboarding 라이브러리dependencies: flutter_onboarding_slider: ^1.0.11✅ Onboarding 페이지 구현하기 ✅ 이미지 추가 assets: - assets/slide_1.jpg - assets/slide_2.jpg ✅ 실행 코드 및 화면import 'package:flutter/material.dart';import 'package:flutter_onboarding_slider/flutter_onboarding_slider.dart';class ExOnBoarding extends StatefulWidget { const ExOnBoarding({super.key}); @override State createState() => _Ex..
2024.06.13 -
ex30. AnimatedText
✅ animatedText 라이브러리✅ pubspec.yaml 수정animated_text_kit: ^4.2.2✅ animatedTextimport 'package:flutter/material.dart';import 'package:animated_text_kit/animated_text_kit.dart';class ExAnimatedText extends StatelessWidget { const ExAnimatedText({super.key}); @override Widget build(BuildContext context) { return SizedBox( width: 250.0, child: TextLiquidFill( text: 'LIQUIDY', ..
2024.06.13 -
ex29. Toast
✅ pub.dev✅ MOST LIKES 사용✅ fluttertoast 라이브러리 연결name: flutter0612description: "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.dev# The following defines the version and build number for your applic..
2024.06.13 -
ex28. Login
✅ Textfield 예제import 'package:flutter/material.dart';class ExLogin extends StatefulWidget { const ExLogin({super.key}); @override State createState() => _ExLoginState();}class _ExLoginState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Center( child: Text( '로그인 화면', style: TextStyle( ..
2024.06.13 -
ex27. TextField
✅ TextField✅ keyboardTypeimport 'package:flutter/material.dart';class ExTextField extends StatefulWidget { const ExTextField({super.key}); @override State createState() => _ExTextFieldState();}class _ExTextFieldState extends State { // 텍스트 필드의 값을 가져올 수 있는 controller 생성 // -> 각각의 필드를 따로 관리하기 위하여 텍스트 필드의 갯수만큼 생성! TextEditingController emailCon = TextEditingController(); // 기능을 가져아하기 때문..
2024.06.13