Skip to content
This repository has been archived by the owner on Oct 15, 2023. It is now read-only.

Commit

Permalink
Merge pull request #18 from cyblogerz/7-lazy-post-load
Browse files Browse the repository at this point in the history 
updated codebase
  • Loading branch information
@cyblogerz
cyblogerz authored Oct 9, 2022
2 parents 39d5a45 + e34312f commit d1a91b1
Show file tree
Hide file tree
Showing 2 changed files with 278 additions and 253 deletions.
285 changes: 32 additions & 253 deletions lib/screens/Home/home.dart
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ import 'package:nallagram/models/story_view_model.dart';
// import 'package:nallagram/screens/profile.dart';
import 'package:like_button/like_button.dart';
import 'package:nallagram/widgets/story_widget.dart';
import '../../widgets/post_card.dart';
import '../Comments/commentspage.dart';
import 'package:cloud_firestore/cloud_firestore.dart';
// import 'package:firebase_storage/firebase_storage.dart';
Expand All @@ -29,43 +30,60 @@ class _HomeState extends State<Home> {
);
}


@override
Widget build(BuildContext context) {


return ListView(children: [
Column(
children: <Widget>[
Container(
color: Colors.white,
child: Column(
children: <Widget>[
children: <Widget>[
SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceAround,
children: <Widget>[
spacing(),
StoryWid(img:StoryViewData[0].img , name:StoryViewData[0].name),
StoryWid(
img: StoryViewData[0].img,
name: StoryViewData[0].name),
spacing(),
StoryWid(img:StoryViewData[1].img, name:StoryViewData[1].name),
StoryWid(
img: StoryViewData[1].img,
name: StoryViewData[1].name),
spacing(),
StoryWid(img:StoryViewData[2].img, name:StoryViewData[2].name),
StoryWid(
img: StoryViewData[2].img,
name: StoryViewData[2].name),
spacing(),
StoryWid(img:StoryViewData[3].img, name:StoryViewData[3].name),
StoryWid(
img: StoryViewData[3].img,
name: StoryViewData[3].name),
spacing(),
StoryWid(img:StoryViewData[4].img, name:StoryViewData[4].name),
StoryWid(
img: StoryViewData[4].img,
name: StoryViewData[4].name),
spacing(),
StoryWid(img:StoryViewData[5].img, name:StoryViewData[5].name),
StoryWid(
img: StoryViewData[5].img,
name: StoryViewData[5].name),
spacing(),
StoryWid(img:StoryViewData[6].img, name:StoryViewData[6].name),
StoryWid(
img: StoryViewData[6].img,
name: StoryViewData[6].name),
spacing(),
StoryWid(img:StoryViewData[7].img, name:StoryViewData[7].name),
StoryWid(
img: StoryViewData[7].img,
name: StoryViewData[7].name),
spacing(),
StoryWid(img:StoryViewData[8].img, name:StoryViewData[8].name),
StoryWid(
img: StoryViewData[8].img,
name: StoryViewData[8].name),
spacing(),
StoryWid(img:StoryViewData[9].img, name:StoryViewData[9].name),
StoryWid(
img: StoryViewData[9].img,
name: StoryViewData[9].name),
spacing(),
],
),
Expand All @@ -83,245 +101,6 @@ class _HomeState extends State<Home> {
}
}

class PostCard extends StatefulWidget {
bool isLiked = false;
int likes;

final String name;
final String place;
final String profilePic;
final String postUrl;
final String postID;

PostCard(
{@required this.likes,
@required this.name,
// @required this.liked,
@required this.place,
@required this.profilePic,
@required this.postUrl,
@required this.postID});

@override
State<PostCard> createState() => _PostCardState();
}

class _PostCardState extends State<PostCard> {
@override
void initState() {
super.initState();
}

@override
Widget build(BuildContext context) {
_commentButtomPressed() {
setState(() {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => CommentsPage(
postID: widget.postID,
)));
});
}

return Stack(
children: <Widget>[
Padding(
padding: const EdgeInsets.only(left: 10.0, right: 10.0, bottom: 20.0),
child: Card(
color: Colors.white,
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(32.0))),
shadowColor: Colors.black,
elevation: 40.0,
child: Container(
height: 450,
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(32)),
// image: DecorationImage(
// image: NetworkImage(widget.postUrl), fit: BoxFit.cover),
),
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(32)),
child: CachedNetworkImage(
imageUrl: widget.postUrl,
fit: BoxFit.cover,
width: double.infinity,
height: 450,
placeholder: (context, url) => Center(
child: CircularProgressIndicator(
color: Colors.red.shade100,
)),
errorWidget: (context, url, error) => Icon(Icons.error),
),
),
),
),
),
GestureDetector(
onDoubleTap: () {
setState(() {
widget.isLiked = !widget.isLiked;
if (widget.isLiked) {
widget.likes += 1;
} else if (widget.likes > 0) {
widget.likes -= 1;
}

// widget.likes += 1;
});
},
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 15, vertical: 3),
child: Container(
height: 450.0,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(32),
color: Colors.white,
gradient: LinearGradient(
begin: FractionalOffset.bottomCenter,
end: FractionalOffset.topCenter,
colors: [
Colors.grey.withOpacity(0.0),
Colors.black.withOpacity(0.5),
],
)),
),
),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 10.0, vertical: 10.0),
child: ListTile(
leading: CircleAvatar(
radius: 20.0,
backgroundColor: Colors.red.shade100,
backgroundImage: CachedNetworkImageProvider(widget.profilePic),
),
title: Text(
widget.name,
style: TextStyle(
fontWeight: FontWeight.bold,
color: Colors.white,
fontFamily: 'Metropolis',
fontSize: 14.0,
),
),
subtitle: Text(
widget.place,
style: TextStyle(
fontSize: 12.0,
fontFamily: 'Metropolis',
color: Colors.white),
),
dense: true,
trailing: Icon(
Icons.more_vert,
color: Colors.white.withOpacity(0.8),
// size: 15,
),
),
),

Positioned.fill(
top: 350,
left: 25,
child: Align(
alignment: Alignment.bottomLeft,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: <Widget>[
Container(
child: Row(
children: <Widget>[
ClipRRect(
borderRadius: BorderRadius.circular(32),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
child: GestureDetector(
onTap: () {
setState(() {
widget.isLiked = !widget.isLiked;
if (widget.isLiked) {
widget.likes += 1;
} else if (widget.likes > 0) {
widget.likes -= 1;
}
});
},
child: AnimatedContainer(
duration: Duration(
milliseconds: 400,
),
decoration: BoxDecoration(
color: !widget.isLiked
? Colors.grey.withOpacity(0.5)
: Colors.red,
borderRadius: BorderRadius.circular(50),
),
child: Padding(
padding: const EdgeInsets.all(10.0),
child: Row(
children: <Widget>[
FaIcon(
FontAwesomeIcons.solidHeart,
color: Colors.white,
size: 20,
),
Padding(
padding: const EdgeInsets.only(left: 8.0),
child: Text(
'${widget.likes}',
style: TextStyle(
fontFamily: 'Metropolis',
color: Colors.white,
fontWeight: FontWeight.bold,
fontSize: 12,
),
),
),
],
),
),
),
),
),
),
Padding(
padding: const EdgeInsets.all(16.0),
child: IconButton(
onPressed: () => _commentButtomPressed(),
icon: FaIcon(
FontAwesomeIcons.solidCommentDots,
size: 20,
),
color: Colors.white,
),
)
],
),
),
Padding(
padding: const EdgeInsets.only(top: 10, right: 20.0),
child: LikeButton(
likeBuilder: (bool isLiked) {
return FaIcon(
FontAwesomeIcons.bookmark,
color: Colors.white,
size: 20,
);
},
),
),
],
),
),
),
],
);
}
}

class PostStream extends StatelessWidget {
@override
Widget build(BuildContext context) {
Expand Down
Loading

0 comments on commit d1a91b1

Please sign in to comment.