mirror of
https://github.com/nisrulz/flutter-examples.git
synced 2026-05-16 19:56:15 +00:00
* Added a News&Memes-App/Sriraj-dev * Added Screen recording and Screenshots * Update README.md * Added demo directory with sample images/recording * Update README.md
This commit is contained in:
Sriraj
GitHub
90
news_memes_app/lib/Screens/HomePage.dart
Normal file
90
news_memes_app/lib/Screens/HomePage.dart
Normal file
@@ -0,0 +1,90 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:news_memes_app/Screens/MemeScreen.dart';
|
||||
import 'package:news_memes_app/Screens/NewsScreen.dart';
|
||||
import 'package:news_memes_app/services/getNews.dart';
|
||||
|
||||
class HomePage extends StatefulWidget {
|
||||
const HomePage({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_HomePageState createState() => _HomePageState();
|
||||
}
|
||||
|
||||
class _HomePageState extends State<HomePage> {
|
||||
List<NewsModel> news = [];
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final Size size = MediaQuery.of(context).size;
|
||||
return Scaffold(
|
||||
appBar: AppBar(
|
||||
centerTitle: true,
|
||||
title: Text(
|
||||
'News-Memes',
|
||||
style: GoogleFonts.gafata(),
|
||||
),
|
||||
),
|
||||
body: Container(
|
||||
height: size.height,
|
||||
width: size.width,
|
||||
color: Colors.black,
|
||||
child: Column(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(40),
|
||||
child: Image.asset(
|
||||
'images/breakingnews.jpg',
|
||||
scale: 4,
|
||||
)),
|
||||
SizedBox(
|
||||
height: 40,
|
||||
),
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
print('Loading news');
|
||||
news = await showNews();
|
||||
setState(() {
|
||||
Navigator.push(
|
||||
context,
|
||||
MaterialPageRoute(
|
||||
builder: (context) => NewsScreen(news)));
|
||||
// showingNews = true;
|
||||
});
|
||||
},
|
||||
child: Text(
|
||||
'Read some News',
|
||||
style: GoogleFonts.lato(),
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 70,
|
||||
),
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(40),
|
||||
child: Image.asset(
|
||||
'images/meme.jpg',
|
||||
scale: 3,
|
||||
)),
|
||||
SizedBox(
|
||||
height: 40,
|
||||
),
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
//memeUrl = await showMemes();
|
||||
Navigator.push(context,
|
||||
MaterialPageRoute(builder: (context) => MemeScreen()));
|
||||
},
|
||||
child: Text(
|
||||
'Have Some Fun!',
|
||||
style: GoogleFonts.lato(),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
97
news_memes_app/lib/Screens/MemeScreen.dart
Normal file
97
news_memes_app/lib/Screens/MemeScreen.dart
Normal file
@@ -0,0 +1,97 @@
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:google_fonts/google_fonts.dart';
|
||||
import 'package:news_memes_app/services/getMemes.dart';
|
||||
import 'package:share/share.dart';
|
||||
|
||||
class MemeScreen extends StatefulWidget {
|
||||
const MemeScreen({Key? key}) : super(key: key);
|
||||
|
||||
@override
|
||||
_MemeScreenState createState() => _MemeScreenState();
|
||||
}
|
||||
|
||||
class _MemeScreenState extends State<MemeScreen> {
|
||||
List<dynamic> memeUrl = ['loading'];
|
||||
bool memeLoading = true;
|
||||
int index = 0;
|
||||
|
||||
void getMeme() async {
|
||||
memeUrl = await showMemes();
|
||||
setState(() {
|
||||
memeLoading = false;
|
||||
});
|
||||
}
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
// TODO: implement initState
|
||||
super.initState();
|
||||
getMeme();
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final Size size = MediaQuery.of(context).size;
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFF28496E),
|
||||
appBar: AppBar(
|
||||
title: Text(
|
||||
'Memes',
|
||||
style: GoogleFonts.kanit(),
|
||||
),
|
||||
centerTitle: true,
|
||||
actions: [
|
||||
IconButton(
|
||||
onPressed: () {
|
||||
Share.share(memeUrl[index]);
|
||||
},
|
||||
icon: Icon(Icons.share_rounded))
|
||||
],
|
||||
),
|
||||
bottomNavigationBar: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
//crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(bottom: 20),
|
||||
child: Text(
|
||||
'Swipe Up for more!',
|
||||
style: GoogleFonts.changa(
|
||||
fontSize: 18,
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
body: memeLoading
|
||||
? Center(
|
||||
child: CircularProgressIndicator(
|
||||
color: Colors.white,
|
||||
),
|
||||
)
|
||||
: Dismissible(
|
||||
key: Key(memeUrl[index]),
|
||||
direction: DismissDirection.up,
|
||||
onDismissed: (direction) {
|
||||
if (direction == DismissDirection.up) {
|
||||
setState(() {
|
||||
index++;
|
||||
if (index == 10) {
|
||||
index = 0;
|
||||
memeUrl = ['loading'];
|
||||
memeLoading = true;
|
||||
getMeme();
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(20),
|
||||
image:
|
||||
DecorationImage(image: NetworkImage(memeUrl[index]))),
|
||||
),
|
||||
));
|
||||
}
|
||||
}
|
||||
98
news_memes_app/lib/Screens/NewsScreen.dart
Normal file
98
news_memes_app/lib/Screens/NewsScreen.dart
Normal file
@@ -0,0 +1,98 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:news_memes_app/services/getNews.dart';
|
||||
|
||||
class NewsScreen extends StatefulWidget {
|
||||
//const NewsScreen({Key? key}) : super(key: key);
|
||||
List<NewsModel> news;
|
||||
|
||||
NewsScreen(this.news);
|
||||
|
||||
@override
|
||||
_NewsScreenState createState() => _NewsScreenState(news);
|
||||
}
|
||||
|
||||
class _NewsScreenState extends State<NewsScreen> {
|
||||
List<NewsModel> news;
|
||||
|
||||
_NewsScreenState(this.news);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final Size size = MediaQuery.of(context).size;
|
||||
return Scaffold(
|
||||
backgroundColor: Color(0xFF28496E),
|
||||
body: Center(
|
||||
child: Center(
|
||||
child: InteractiveViewer(
|
||||
child: ListView(
|
||||
// magnification: 1.2,
|
||||
children: news
|
||||
.map((e) => Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 15, horizontal: 20),
|
||||
child: Container(
|
||||
width: size.width * 0.88,
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(25),
|
||||
color: Colors.white,
|
||||
),
|
||||
child: Column(
|
||||
children: [
|
||||
e.imageUrl == 'NoImage'
|
||||
? Container(
|
||||
height: 40,
|
||||
color: Colors.grey,
|
||||
child: Text(
|
||||
'No Preview Available!',
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: Colors.black38,
|
||||
),
|
||||
),
|
||||
)
|
||||
: Padding(
|
||||
padding: const EdgeInsets.symmetric(
|
||||
vertical: 10, horizontal: 10),
|
||||
child: ClipRRect(
|
||||
borderRadius:
|
||||
BorderRadius.circular(30),
|
||||
child: Image(
|
||||
image: NetworkImage(e.imageUrl))),
|
||||
),
|
||||
SizedBox(
|
||||
height: 15,
|
||||
),
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsets.fromLTRB(10, 0, 10, 0),
|
||||
child: Text(
|
||||
e.title,
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.bold,
|
||||
color: Colors.black54,
|
||||
),
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding:
|
||||
const EdgeInsets.fromLTRB(10, 0, 10, 20),
|
||||
child: Text(
|
||||
e.description,
|
||||
style: TextStyle(
|
||||
fontWeight: FontWeight.w300,
|
||||
color: Colors.black54,
|
||||
),
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
))
|
||||
.toList(),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
8
news_memes_app/lib/main.dart
Normal file
8
news_memes_app/lib/main.dart
Normal file
@@ -0,0 +1,8 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:news_memes_app/Screens/HomePage.dart';
|
||||
|
||||
void main() {
|
||||
runApp(MaterialApp(
|
||||
home: HomePage(),
|
||||
));
|
||||
}
|
||||
20
news_memes_app/lib/services/getMemes.dart
Normal file
20
news_memes_app/lib/services/getMemes.dart
Normal file
@@ -0,0 +1,20 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:http/http.dart' as http;
|
||||
|
||||
Future<List<dynamic>> showMemes() async {
|
||||
Uri uri = Uri.parse('https://meme-api.herokuapp.com/gimme/10');
|
||||
final response = await http.get(uri);
|
||||
|
||||
if (response.statusCode == 200 || response.statusCode == 201) {
|
||||
print(response.body);
|
||||
Map<String, dynamic> map = json.decode(response.body);
|
||||
List<dynamic> memes = map['memes'];
|
||||
List<dynamic> memeUrls =
|
||||
memes.map((e) => e['preview'][e['preview'].length - 1]).toList();
|
||||
return memeUrls;
|
||||
} else {
|
||||
print('Error - ${response.statusCode}');
|
||||
return [''];
|
||||
}
|
||||
}
|
||||
42
news_memes_app/lib/services/getNews.dart
Normal file
42
news_memes_app/lib/services/getNews.dart
Normal file
@@ -0,0 +1,42 @@
|
||||
import 'dart:convert';
|
||||
|
||||
import 'package:http/http.dart' as http;
|
||||
|
||||
final String apikey = 'YOUR_API_KEY';
|
||||
|
||||
Future<List<NewsModel>> showNews() async {
|
||||
Uri uri = Uri.parse(
|
||||
'https://newsapi.org/v2/top-headlines?country=in&apiKey=$apikey');
|
||||
|
||||
final response = await http.get(uri);
|
||||
|
||||
if (response.statusCode == 200 || response.statusCode == 201) {
|
||||
print(response.body);
|
||||
Map<String, dynamic> result = json.decode(response.body);
|
||||
|
||||
List articles = result['articles'];
|
||||
print('Articles are - $articles');
|
||||
List<NewsModel> news = articles.map((e) => NewsModel.fromjson(e)).toList();
|
||||
|
||||
return news;
|
||||
} else {
|
||||
print('Error - ${response.statusCode}');
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
class NewsModel {
|
||||
String title, description, content, imageUrl, date;
|
||||
|
||||
NewsModel(
|
||||
this.title, this.description, this.content, this.imageUrl, this.date);
|
||||
|
||||
factory NewsModel.fromjson(Map<String, dynamic> jsondata) {
|
||||
return NewsModel(
|
||||
jsondata['title'] ?? '',
|
||||
jsondata['description'] ?? '',
|
||||
jsondata['content'] ?? '',
|
||||
jsondata['urlToImage'] ?? 'NoImage',
|
||||
jsondata['publishedAt'] ?? '');
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user