Flutter (33) 썸네일형 리스트형 firebase - 배달앱(12) 판매자 화면 구현 seller 위젯에 future나 stream을 사용해서 데이터를 넣자. import 'package:cloud_firestore/cloud_firestore.dart';import 'package:flutter/material.dart';import '../../model/product.dart';// category를 만든다Future addCategories(String title) async { final db = FirebaseFirestore.instance; final ref = db.collection("category"); await ref.add({"title": title});}// 검색창에 맞게 내용을 입력할 것이다. 검색창을 만든 후에 제작할 함수이다.Future> fetch.. firebase - 배달앱(11) 로그인 기능 구현 이번에는 로그인 화면에서 홈 화면으로 넘어가도록 해보자 Future signIn(String email, String password) async { try{ final credential = await FirebaseAuth.instance.signInWithEmailAndPassword(email: email, password: password); print(credential); return credential; } on FirebaseAuthException catch (e) { if (e.code == "user-not-found"){ print(e.toString()); } else if (e.code == "wrong-password"){ pr.. firebase - 배달앱(10) 회원가입 기능 구현 먼저 에뮬레이터를 실행하자이때 안되면 firebase init을 통해 설정을 한번 다시해주자. 잘 되면 아래처럼 화면이 나온다. 이때 사이트를 들어가면 이 화면을 통해 잘 되는지 볼 수 있다. 먼저 로그인 화면에서 회원 가입 기능으로 이동하는 것을 만들자 이렇게 한 줄로 이동이 될 수 있다. 이제 회원 가입 화면에 함수를 넣자final _formKey = GlobalKey();TextEditingController emailTextController = TextEditingController();TextEditingController pwdTextController = TextEditingController();Future signUp(String emailAddress, String password).. firebase - 배달앱(9) 라우터 구현 & 데이터 모델 구현 라우터를 구현해 보자이전에 pubspec.yaml에 go_router를 추가한 것을 바탕으로 하자 main.dart에서 MyApp 부분을 수정하자 처음을 이렇게 만들 수 있다.void main() { runApp(MyApp());}class MyApp extends StatelessWidget { MyApp({super.key}); // const 지우자 final router = GoRouter( initialLocation: "/login", routes: [ GoRoute( path: "/", builder: (context, state) => HomeScreen(), routes: [ GoRoute( .. firebase - 배달앱(6) 제품 상세 화면 기초 import 'package:flutter/material.dart';class ProductDetailScreen extends StatefulWidget { const ProductDetailScreen({super.key}); @override State createState() => _ProductDetailScreenState();}class _ProductDetailScreenState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("패캠 제품 상세"), ), body: Column( .. firebase - 배달앱(5) 제품 등록 화면 구현 기초 import 'package:flutter/material.dart';class ProductAddScreen extends StatefulWidget { const ProductAddScreen({super.key}); @override State createState() => _ProductAddScreenState();}class _ProductAddScreenState extends State { final _formKey = GlobalKey(); bool isSale = false; TextEditingController titleTEC = TextEditingController(); TextEditingController descriptionTEC = TextEditingCont.. firebase - 배달앱(4) 홈화면, 사장님 화면 기초 구성 home 폴더 안에 3개의 파일을 넣자. product_add_screen은 무시하자 import 'package:flutter/material.dart';import 'package:flutter_market/home/widgets/home_widget.dart';import 'package:flutter_market/home/widgets/seller_widget.dart';class HomeScreen extends StatefulWidget { const HomeScreen({super.key}); @override State createState() => _HomeScreenState();}class _HomeScreenState extends State { int _menuIndex =.. firebase - 배달앱(3) 회원가입 화면 이전에 만든 로그인 화면과 동일하게 만들면 된다.import 'package:flutter/material.dart';class SignUpScreen extends StatefulWidget { const SignUpScreen({super.key}); @override State createState() => _SignUpScreenState();}class _SignUpScreenState extends State { final _formKey = GlobalKey(); TextEditingController emailTextController = TextEditingController(); TextEditingController pwdTextController = TextEditingC.. 이전 1 2 3 4 5 다음
