<< main.dart >>
import 'package:bbongflix/screen/home_screen.dart';
import 'package:bbongflix/screen/like_screen.dart';
import 'package:bbongflix/screen/more_screen.dart';
import 'package:bbongflix/screen/search_screen.dart';
import 'package:bbongflix/widget/bottom_bar.dart';
import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
late TabController controller;
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'BbongFlix',
theme: ThemeData(
brightness: Brightness.dark,
primaryColor: Colors.black,
),
home: const DefaultTabController(
length: 4,
child: Scaffold(
body: TabBarView(
physics: NeverScrollableScrollPhysics(),
children: [
HomeScreen(),
SearchScreen(),
// Center(
// child: Text('search'),
// ),
// Center(
// child: Text('save'),
// ),
LikeScreen(),
MoreScreen(),
],
),
bottomNavigationBar: Bottom(),
),
),
);
}
}
< home_screen.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/widget/box_slider.dart';
import 'package:bbongflix/widget/circle_slider.dart';
import 'package:bbongflix/widget/carousel_slider.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
class HomeScreen extends StatefulWidget {
const HomeScreen({super.key});
@override
State<HomeScreen> createState() => _HomeScreenState();
}
class _HomeScreenState extends State<HomeScreen> {
FirebaseFirestore firestore = FirebaseFirestore.instance;
late Stream<QuerySnapshot> streamData;
@override
void initState() {
super.initState();
streamData = firestore.collection('movie').snapshots();
}
Widget _fetchData(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance.collection('movie').snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) {
return const LinearProgressIndicator();
}
return _buildBody(context, snapshot.data!.docs);
},
);
}
Widget _buildBody(
BuildContext context, List<QueryDocumentSnapshot<Object?>> snapshot) {
List<Movie> movies = snapshot.map((e) => Movie.fromSnapshot(e)).toList();
return ListView(
children: [
Stack(
children: [
CarouselImage(movies: movies),
const TopBar(),
],
),
CircleSlider(movies: movies),
BoxSlider(movies: movies),
],
);
}
@override
Widget build(BuildContext context) {
return _fetchData(context);
}
}
class TopBar extends StatelessWidget {
const TopBar({super.key});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.fromLTRB(20, 7, 20, 7),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Image.asset(
'images/bbongflix_logo.png',
fit: BoxFit.contain,
height: 25,
),
const Text(
'TV 프로그램',
style: TextStyle(fontSize: 10),
),
const Text(
'영화',
style: TextStyle(fontSize: 10),
),
const Text(
'내가 찜한 콘텐츠',
style: TextStyle(fontSize: 10),
),
],
),
);
}
}
< movie_model.dart >
import 'package:cloud_firestore/cloud_firestore.dart';
class Movie {
final String title;
final String keyword;
final String poster;
final bool like;
final DocumentReference reference;
Movie.fromMap(Map<String, dynamic> map, {required this.reference})
: title = map['title'],
keyword = map['keyword'],
poster = map['poster'],
like = map['like'];
Movie.fromSnapshot(DocumentSnapshot snapshot)
: this.fromMap(snapshot.data() as Map<String, dynamic>,
reference: snapshot.reference);
@override
String toString() => "Movie<$title:$keyword>";
}
< box_slider.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/screen/detail_screen.dart';
import 'package:flutter/material.dart';
class BoxSlider extends StatelessWidget {
final List<Movie> movies;
const BoxSlider({super.key, required this.movies});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(7),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('지금 뜨는 콘텐츠'),
SizedBox(
height: 120,
child: ListView(
scrollDirection: Axis.horizontal,
children: makeBoxImages(context, movies),
),
),
],
),
);
}
}
List<Widget> makeBoxImages(BuildContext context, List<Movie> movies) {
List<Widget> results = [];
for (var i = 0; i < movies.length; i++) {
results.add(
InkWell(
onTap: () {
Navigator.of(context).push(
MaterialPageRoute<Null>(
fullscreenDialog: true,
builder: (BuildContext context) {
return DetailScreen(movie: movies[i]);
},
),
);
},
child: Container(
padding: const EdgeInsets.only(right: 10),
child: Align(
alignment: Alignment.centerLeft,
child: Image.network(movies[i].poster),
),
),
),
);
}
return results;
}
< circle_slider.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/screen/detail_screen.dart';
import 'package:flutter/material.dart';
class CircleSlider extends StatelessWidget {
final List<Movie> movies;
const CircleSlider({super.key, required this.movies});
@override
Widget build(BuildContext context) {
return Container(
padding: const EdgeInsets.all(7),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const Text('미리보기'),
SizedBox(
height: 120,
child: ListView(
scrollDirection: Axis.horizontal,
children: makeCircleImages(context, movies),
),
),
],
),
);
}
}
List<Widget> makeCircleImages(BuildContext context, List<Movie> movies) {
List<Widget> results = [];
for (var i = 0; i < movies.length; i++) {
results.add(
InkWell(
onTap: () {
Navigator.of(context).push(
MaterialPageRoute<Null>(
fullscreenDialog: true,
builder: (BuildContext context) {
return DetailScreen(movie: movies[i]);
},
),
);
},
child: Container(
padding: const EdgeInsets.only(right: 10),
child: Align(
alignment: Alignment.centerLeft,
child: CircleAvatar(
backgroundImage: NetworkImage(movies[i].poster),
radius: 48,
),
),
),
),
);
}
return results;
}
< carousel_slider.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/screen/detail_screen.dart';
import 'package:carousel_slider/carousel_slider.dart';
import 'package:flutter/material.dart';
//import 'package:flutter/widgets.dart';
class CarouselImage extends StatefulWidget {
final List<Movie> movies;
const CarouselImage({super.key, required this.movies});
@override
State<CarouselImage> createState() => _CarouselImageState();
}
class _CarouselImageState extends State<CarouselImage> {
late List<Movie> movies;
late List<Widget> images;
late List<String> keywords;
late List<bool> likes;
int _currentPage = 0;
late String _currentKeyword;
@override
void initState() {
super.initState();
movies = widget.movies;
images = movies.map((e) => Image.network(e.poster)).toList();
keywords = movies.map((e) => e.keyword).toList();
likes = movies.map((e) => e.like).toList();
_currentKeyword = keywords[0];
}
@override
Widget build(BuildContext context) {
return Column(
children: [
Container(
padding: const EdgeInsets.all(20),
),
CarouselSlider(
items: images,
options: CarouselOptions(
height: 300,
onPageChanged: (index, reason) {
setState(
() {
_currentPage = index;
_currentKeyword = keywords[_currentPage];
},
);
},
),
),
Container(
padding: const EdgeInsets.fromLTRB(0, 10, 0, 3),
child: Text(
_currentKeyword,
style: const TextStyle(fontSize: 11),
),
),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Column(
children: [
likes[_currentPage]
? IconButton(
onPressed: () {},
icon: const Icon(Icons.check),
)
: IconButton(
onPressed: () {},
icon: const Icon(Icons.add),
),
const Text(
'내가 찜한 콘텐츠',
style: TextStyle(fontSize: 11),
)
],
),
Container(
padding: const EdgeInsets.all(10),
child: TextButton(
style: const ButtonStyle(
backgroundColor: WidgetStatePropertyAll(Colors.white)),
onPressed: () {},
child: const Row(
children: [
Icon(
Icons.play_arrow,
color: Colors.red,
),
Padding(padding: EdgeInsets.all(3)),
Text(
'재생',
style: TextStyle(color: Colors.red),
),
],
),
),
),
Container(
padding: const EdgeInsets.only(right: 10),
child: Column(
children: [
IconButton(
onPressed: () {
Navigator.of(context).push(
MaterialPageRoute<Null>(
fullscreenDialog: true,
builder: (BuildContext context) {
return DetailScreen(movie: movies[_currentPage]);
},
),
);
},
icon: const Icon(Icons.info)),
const Text(
'정보',
style: TextStyle(fontSize: 11),
),
],
),
),
],
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: makeIndicator(likes, _currentPage),
)
],
);
}
}
List<Widget> makeIndicator(List list, int currentPage) {
List<Widget> results = [];
for (var i = 0; i < list.length; i++) {
results.add(
Container(
width: 8,
height: 8,
margin: const EdgeInsets.symmetric(vertical: 10, horizontal: 2),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: currentPage == i
? const Color.fromRGBO(255, 255, 255, 0.9)
: const Color.fromRGBO(255, 255, 255, 0.4),
),
),
);
}
return results;
}
< detail_screen.dart >
import 'dart:ui';
import 'package:bbongflix/model/movie_model.dart';
import 'package:flutter/material.dart';
//import 'package:flutter/rendering.dart';
//import 'package:flutter/widgets.dart';
class DetailScreen extends StatefulWidget {
final Movie movie;
const DetailScreen({super.key, required this.movie});
@override
State<DetailScreen> createState() => _DetailScreenState();
}
class _DetailScreenState extends State<DetailScreen> {
bool like = false;
@override
void initState() {
super.initState();
like = widget.movie.like;
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: ListView(
children: [
Stack(
children: [
Container(
width: double.maxFinite,
decoration: BoxDecoration(
image: DecorationImage(
image: NetworkImage(widget.movie.poster),
fit: BoxFit.cover,
),
),
child: ClipRect(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
child: Container(
alignment: Alignment.center,
color: Colors.black.withOpacity(0.1),
child: Column(
children: [
Container(
padding: const EdgeInsets.fromLTRB(0, 45, 0, 10),
height: 300,
child: Image.network(
widget.movie.poster,
),
),
Container(
padding: const EdgeInsets.all(7),
child: const Text(
'99% 일치 2019 15+ 시즌 1개',
textAlign: TextAlign.center,
style: TextStyle(fontSize: 13),
),
),
Container(
padding: const EdgeInsets.all(7),
child: Text(
widget.movie.title,
textAlign: TextAlign.center,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 16,
),
),
),
Container(
padding: const EdgeInsets.all(3),
child: TextButton(
style: TextButton.styleFrom(
backgroundColor: Colors.red,
),
onPressed: () {},
child: const Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(Icons.play_arrow),
Text('재생'),
],
),
),
),
Container(
padding: const EdgeInsets.all(5),
child: Text(widget.movie.toString()),
),
Container(
padding: const EdgeInsets.all(5),
alignment: Alignment.centerLeft,
child: const Text(
'출연: 현빈, 손예진, 서지혜\n제작자: 이정효, 박지은',
style: TextStyle(
color: Colors.white60,
fontSize: 12,
),
),
)
],
),
),
),
),
),
Positioned(
child: AppBar(
backgroundColor: Colors.transparent,
elevation: 0,
))
],
),
Container(
color: Colors.black26,
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Container(
padding: const EdgeInsets.fromLTRB(20, 10, 20, 10),
child: InkWell(
onTap: () {},
child: Column(
children: [
Icon(like ? Icons.check : Icons.add),
const Padding(
padding: EdgeInsets.all(5),
),
const Text(
'내가 찜한 콘텐츠',
style:
TextStyle(fontSize: 11, color: Colors.white60),
)
],
),
),
),
Container(
padding: const EdgeInsets.fromLTRB(20, 10, 20, 10),
child: const Column(
children: [
Icon(Icons.thumb_up),
Padding(padding: EdgeInsets.all(5)),
Text(
'평가',
style: TextStyle(fontSize: 11, color: Colors.white60),
),
],
),
),
Container(
padding: const EdgeInsets.fromLTRB(20, 10, 20, 10),
child: const Column(
children: [
Icon(Icons.send),
Padding(padding: EdgeInsets.all(5)),
Text(
'공유',
style: TextStyle(fontSize: 11, color: Colors.white60),
),
],
),
)
],
),
),
],
),
),
);
}
}
Widget makeMenuButton() {
return Container();
}
< search_screen.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/screen/detail_screen.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
class SearchScreen extends StatefulWidget {
const SearchScreen({super.key});
@override
State<SearchScreen> createState() => _SearchScreenState();
}
class _SearchScreenState extends State<SearchScreen> {
final TextEditingController _filter = TextEditingController();
FocusNode focusNode = FocusNode();
String _searchText = "";
_SearchScreenState() {
_filter.addListener(() {
setState(() {
_searchText = _filter.text;
});
});
}
Widget _buildBody(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance.collection('movie').snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) return const LinearProgressIndicator();
return _buildList(context, snapshot.data!.docs);
},
);
}
Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
List<DocumentSnapshot> searchResults = [];
for (DocumentSnapshot d in snapshot) {
if (d.data().toString().contains(_searchText)) {
searchResults.add(d);
}
}
return Expanded(
child: GridView.count(
crossAxisCount: 3,
childAspectRatio: 1 / 1.5,
padding: const EdgeInsets.all(3),
children:
searchResults.map((data) => _buildListItem(context, data)).toList(),
),
);
}
Widget _buildListItem(BuildContext context, DocumentSnapshot data) {
final movie = Movie.fromSnapshot(data);
return InkWell(
child: Image.network(movie.poster),
onTap: () {
Navigator.of(context).push(
MaterialPageRoute<Null>(
fullscreenDialog: true,
builder: (BuildContext context) {
return DetailScreen(movie: movie);
},
),
);
},
);
}
@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: [
const Padding(padding: EdgeInsets.all(30)),
Container(
color: Colors.black,
padding: const EdgeInsets.fromLTRB(5, 10, 5, 10),
child: Row(
children: [
Expanded(
flex: 6,
child: TextField(
focusNode: focusNode,
style: const TextStyle(
fontSize: 15,
),
autofocus: true,
controller: _filter,
decoration: InputDecoration(
filled: true,
fillColor: Colors.white12,
prefixIcon: const Icon(
Icons.search,
color: Colors.white60,
size: 20,
),
suffixIcon: focusNode.hasFocus
? IconButton(
onPressed: () {
setState(() {
_filter.clear();
_searchText = "";
});
},
icon: const Icon(
Icons.cancel,
size: 20,
),
)
: Container(),
hintText: '검색',
labelStyle: const TextStyle(color: Colors.white),
focusedBorder: const OutlineInputBorder(
borderSide: BorderSide(color: Colors.transparent),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
enabledBorder: const OutlineInputBorder(
borderSide: BorderSide(color: Colors.transparent),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
border: const OutlineInputBorder(
borderSide: BorderSide(color: Colors.transparent),
borderRadius: BorderRadius.all(Radius.circular(10)),
),
),
),
),
focusNode.hasFocus
? Expanded(
child: TextButton(
onPressed: () {
setState(() {
_filter.clear();
_searchText = "";
focusNode.unfocus();
});
},
child: const Text('취소'),
),
)
: Expanded(
flex: 0,
child: Container(),
)
],
),
),
_buildBody(context),
],
),
);
}
}
< Like_screen.dart >
import 'package:bbongflix/model/movie_model.dart';
import 'package:bbongflix/screen/detail_screen.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
import 'package:flutter/material.dart';
class LikeScreen extends StatefulWidget {
const LikeScreen({super.key});
@override
State<LikeScreen> createState() => _LikeScreenState();
}
class _LikeScreenState extends State<LikeScreen> {
Widget _buildBody(BuildContext context) {
return StreamBuilder<QuerySnapshot>(
stream: FirebaseFirestore.instance
.collection('movie')
.where('like', isEqualTo: true)
.snapshots(),
builder: (context, snapshot) {
if (!snapshot.hasData) return const LinearProgressIndicator();
return _buildList(context, snapshot.data!.docs);
},
);
}
Widget _buildList(BuildContext context, List<DocumentSnapshot> snapshot) {
return Expanded(
child: GridView.count(
crossAxisCount: 3,
childAspectRatio: 1 / 1.5,
padding: const EdgeInsets.all(3),
children:
snapshot.map((data) => _buildListItem(context, data)).toList(),
),
);
}
Widget _buildListItem(BuildContext context, DocumentSnapshot data) {
final movie = Movie.fromSnapshot(data);
return InkWell(
child: Image.network(movie.poster),
onTap: () {
Navigator.of(context).push(
MaterialPageRoute<Null>(
fullscreenDialog: true,
builder: (BuildContext context) {
return DetailScreen(movie: movie);
},
),
);
},
);
}
@override
Widget build(BuildContext context) {
return Container(
child: Column(
children: [
Container(
padding: const EdgeInsets.fromLTRB(20, 27, 20, 7),
child: Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
Image.asset(
'images/bbongflix_logo.png',
fit: BoxFit.contain,
height: 25,
),
Container(
padding: const EdgeInsets.only(left: 30),
child: const Text(
'내가 찜한 콘텐츠',
style: TextStyle(fontSize: 14),
),
)
],
),
),
_buildBody(context),
],
),
);
}
}
< more_screen.dart >
import 'package:flutter/material.dart';
import 'package:flutter_linkify/flutter_linkify.dart';
import 'package:url_launcher/url_launcher.dart';
class MoreScreen extends StatelessWidget {
const MoreScreen({super.key});
@override
Widget build(BuildContext context) {
return Center(
child: Column(
children: [
Container(
padding: const EdgeInsets.only(top: 50),
child: const CircleAvatar(
radius: 100,
backgroundImage: AssetImage('images/bbongflix_logo.png'),
),
),
Container(
padding: const EdgeInsets.only(top: 15),
child: const Text(
'TaeBbong',
style: TextStyle(
fontSize: 25,
color: Colors.white,
fontWeight: FontWeight.bold),
),
),
Container(
padding: const EdgeInsets.all(10),
width: 140,
height: 5,
color: Colors.red,
),
Container(
padding: const EdgeInsets.all(10),
child: Linkify(
onOpen: (link) async {
if (await canLaunchUrl(Uri(host: link.url))) {
launchUrl(Uri(host: link.url));
}
},
style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 20),
linkStyle: const TextStyle(color: Colors.white),
),
),
Container(
padding: const EdgeInsets.all(10),
child: TextButton(
onPressed: () {},
child: const Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.edit,
color: Colors.white,
),
SizedBox(
width: 10,
),
Text(
'프로필 수정하기',
style: TextStyle(
color: Colors.white, backgroundColor: Colors.red),
)
],
),
),
),
],
),
);
}
}