thank you for sharing these tips and for the uploads it helps alot, could you also do a mini series on state management ? provider ,riverpod, bloC ,getX and the differences between them?
Been trying to get off of my arse and build some more complicated / user friendly projects. This video is superb, and has definitely helped me do just that. Thank you!
Nice video and good teaching on point to point. Can you make a video upload file from list view builder and show progress indicator on selected index...
Hi johannes, I am getting difficulty in fetching date , time from google sheet api . Can you make a short video on storing date, time to google sheet api and fetching in app. Will be really helpful for me
i really like all of that, you are my super hero sample for flutter, a question, why don't you use getX ? is it cause of a reason you have, it could help us if we know it, or what? thanks for all of that
Thank You BHABHA YT! Follow this link: stackoverflow.com/questions/58883728/what-is-the-difference-between-main-function-and-the-runapp-function-in-flutte I hope you will get your answer 🙂
Hello. Thank you for the video, it's very useful. But, I think that I found a mistake. You told that if we use just a ListView without .builder(), then ListView render all elements. I just tested it and found out that the ListView itself optimises the rendering and parameter cacheExtent works as well.
thenks sur!,,, Is there a function so that when the Internet is cut off, it does not work WebView and when the Internet returns, it works WebView automatically ,And when the internet is weak it works "is Loading"or "circiller progresidec idicaitor"
Hi sir, i'm stuck with the scrollableController at chat ui screen, how to make it scroll to the newest mesage when init the screen. I try addListener but somehow when the chat screen init, i have to manual scroll a little bit and it execute the scroll. I dont know what happen? Can do you an example for that?
@@HeyFlutter Here is the code sir: The function that i want to fire when enter the chat screen: bool _isScrollToEnd = false; void _scrollListener() { if (chatData != null && !_isScrollToEnd) { Timer(Duration.zero, () async { await _scrollController.animateTo( _scrollController.position.maxScrollExtent + 150, duration: const Duration(milliseconds: 1000), curve: Curves.fastOutSlowIn, ); }); _isScrollToEnd = true; } } In initState: _scrollController.addListener(_scrollListener); Then I put the controller into a ListView.Builder. The problem is when enter the chat screen. And the chat data is loaded. But it's not automatically scroll down to the end, when use my hand to scroll a little bit, the function is execute. I don't get it what is with this weird behavior?
For showing Search & Filter ListView, I am fetching data from Google Sheets like this way, The problem here is when you search for something it will appear as suggestion but when you backspace what you search for the entire list is not there , you had to go back and visit search page again for List to show. How to solve this issue? List books = []; @override void initState(){ super.initState(); getBooks(); } Future getBooks({int index = 0}) async{ final books = await GoogleSheetApi.getAllBooks(); setState(() { this.books = books; }); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Search & Filter'), ), body: Column( children: [ Container( margin: EdgeInsets.all(16), child: TextField( controller: controller, decoration: InputDecoration( prefixIcon: const Icon(Icons.search), hintText: 'Book Title', border: OutlineInputBorder( borderRadius: BorderRadius.circular(20), borderSide: const BorderSide(color: Colors.blue), ) ), onChanged: searchBook ), ), Expanded( child: ListView.builder( itemCount: books.length, itemBuilder: (context, index) { final book = books[index]; return ListTile( title: Text(book.title ), ); })) ], ), ); } void searchBook(String query) { final suggestions = books.where((book) { final bookTitle = books.name.toLowerCase(); final input = query.toLowerCase(); return bookTitle.contains(input); }).toList(); setState(() => books = suggestions); }
@@HeyFlutter there is no error message , the code is working but let’s say there are three books named (hello, world,there) . If I search world then book with world as a suggestion will be there but I don’t want to search for that and I erase the sentence world and type hello , then there is no suggestion as the list is not there now something like that
@@HeyFlutter I think this is because I am making an empty list first List book = [] and then getting the list using getBook method And Giving book list to suggestion in setState But you did not make it empty first You did List book = allBooks So there your list is not empty first Maybe this is the issue here So how to get all List like that when using api Data without setting it empty first and then initialise in initState
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
ALL Source Codes: github.com/JohannesMilke/top_listview_widgets
TOP 7 AppBar Widgets: ua-cam.com/video/TlbbIQykHK0/v-deo.html
TOP 10 Flutter Widgets: ua-cam.com/video/gK288ZfzjCc/v-deo.html
Neumorphism Tutorial: ua-cam.com/video/A2Bbhr3DGd0/v-deo.html
Hide AppBar On Scroll Tutorial: ua-cam.com/video/xzPXqQ-Pe2g/v-deo.html
Hide/Show AppBar & Floating Action Button On Scroll: ua-cam.com/video/Zs3D6vs7h-k/v-deo.html
Bottom Sheet Tutorial: ua-cam.com/video/TXYuaiukw7E/v-deo.html
Popup Dialog Tutorial: ua-cam.com/video/4pn-_md5Ol4/v-deo.html
Scaffold Widget Tutorial: ua-cam.com/video/fcakQFrJVFQ/v-deo.html
Hide Bottom On Scroll Tutorial: ua-cam.com/video/pr_Go9I19SA/v-deo.html
Bottom Navigation Bar Tutorial: ua-cam.com/video/xoKqQjSDZ60/v-deo.html
Animated Bottom Navigation Bar Tutorial: ua-cam.com/video/95PEDLxEEtg/v-deo.html
thank you for sharing these tips and for the uploads it helps alot, could you also do a mini series on state management ? provider ,riverpod, bloC ,getX and the differences between them?
Thank you for sharing information with everyone. People around here really appreciate this
Glad to hear that, Thank you Mohamad Dody! 😊
Great video and really helpful! I hope you will make a series on state management using providers one day 😊
Thanks for sharing! All of your videos are great! Always clear and easy to understand! Many thanks!
Been trying to get off of my arse and build some more complicated / user friendly projects. This video is superb, and has definitely helped me do just that. Thank you!
Glad it was helpful, @chaddrobertson5805 😀
My crazzy guy, thanks 4 all the excellent work you have done ✔ 👍
Nice video and good teaching on point to point.
Can you make a video upload file from list view builder and show progress indicator on selected index...
Good job, God bless you for all your effort !!!
Thank you so much my brother.. God Bless
Powerful intro 🔥
i agree
Thats great video, You can also make video on Sliver kit, which also have SliverList and other kind of cool stuffs
This video is gold
Thanks, Mario Luque! 🙂
감사합니다 이 영상 덕분에 플러터를 쉽게 배울 수 있네요.
정말 유용합니다
You’re most welcome, 내가 만든 국기.! 🙂
Wow!! this video is amazing.. thanks a lot!!
Love from India ❤️
Very useful information and tips 😃
Hi johannes, I am getting difficulty in fetching date , time from google sheet api . Can you make a short video on storing date, time to google sheet api and fetching in app. Will be really helpful for me
Great Video
Thanks so much
i really like all of that, you are my super hero sample for flutter,
a question, why don't you use getX ? is it cause of a reason you have, it could help us if we know it, or what?
thanks for all of that
GetX bad, provider is better
Thank you
Super teacher
cool, Exactly what is needed
Great tutorial, u think u can make a a tutorial how to create a Picker Menu Height and Weight pls?
@@HeyFlutter thanks
How many types of state are there and what is the difference between runapp and main function
Thank You BHABHA YT! Follow this link: stackoverflow.com/questions/58883728/what-is-the-difference-between-main-function-and-the-runapp-function-in-flutte
I hope you will get your answer 🙂
Nice video sir..
Thx
You are welcome, 코도!
Hello. Thank you for the video, it's very useful.
But, I think that I found a mistake. You told that if we use just a ListView without .builder(), then ListView render all elements. I just tested it and found out that the ListView itself optimises the rendering and parameter cacheExtent works as well.
Thanks for adding into out knowledge, Рамиль Рахматуллин 🙂 really appreciated, but rendering all and optimized rendering are two different things.
You are wonderful 💙❤🚀
Hi Johannes, lets say I have 3 json data with 5 elements each and i want to create a search Listview for the combination of all. How can I do it ??
Thank you, Vipul Ghate! Check out this video: ua-cam.com/video/ZHdg2kfKmjI/v-deo.html&ab_channel=JohannesMilke
Amazing
Create a video on AWS in flutter sir.
13:33 When you return to first page after BookPage you will get focus to TextField and the keyboard will pop out. How to prevent this behavior?
12:08 Is there any advantage using showSearch and SearchDelegate over the method shown here?
Thank you, slideslipping! 🙂. It depends on the requiremnet of the app.
Can you please make a video on flutter pdf and pos printer for windows?
@@HeyFlutter thank you🙏🙏❤️❤️
How to create nested re orderable list view as in Google tasks app?
thenks sur!,,,
Is there a function so that when the Internet is cut off,
it does not work WebView and when the Internet returns,
it works WebView automatically ,And when the internet is weak it works "is Loading"or "circiller progresidec idicaitor"
@@HeyFlutter Thank you, I have never found a wonderful person like you
Thank You Zakaria Houache! Follow this link: github.com/flutter/flutter/issues/69502
I hope you will get your answer 🙂
Sir how to create uber app backund php flutter
Hi sir, i'm stuck with the scrollableController at chat ui screen, how to make it scroll to the newest mesage when init the screen. I try addListener but somehow when the chat screen init, i have to manual scroll a little bit and it execute the scroll. I dont know what happen? Can do you an example for that?
Post your code
@@HeyFlutter Here is the code sir:
The function that i want to fire when enter the chat screen:
bool _isScrollToEnd = false;
void _scrollListener() {
if (chatData != null && !_isScrollToEnd) {
Timer(Duration.zero, () async {
await _scrollController.animateTo(
_scrollController.position.maxScrollExtent + 150,
duration: const Duration(milliseconds: 1000),
curve: Curves.fastOutSlowIn,
);
});
_isScrollToEnd = true;
}
}
In initState:
_scrollController.addListener(_scrollListener);
Then I put the controller into a ListView.Builder. The problem is when enter the chat screen. And the chat data is loaded. But it's not automatically scroll down to the end, when use my hand to scroll a little bit, the function is execute. I don't get it what is with this weird behavior?
My brother can you try to do search listview
@@HeyFlutter thank you so much my brother 🙏
why don't you create a course i would buy it
Create a Pich in and Pinch out Features like iPhone in Flutter .Please Sir
MEEEEEGAAAAAA!!!!!! 🤩🤩🤩
Glad you liked it, @marcodinic 😀
Yeh bro
!firstComment
For showing Search & Filter ListView, I am fetching data from Google Sheets like this way,
The problem here is when you search for something it will appear as suggestion but when you backspace what you search for the entire list is not there , you had to go back and visit search page again for List to show. How to solve this issue?
List books = [];
@override
void initState(){
super.initState();
getBooks();
}
Future getBooks({int index = 0}) async{
final books = await GoogleSheetApi.getAllBooks();
setState(() {
this.books = books;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Search & Filter'),
),
body: Column(
children: [
Container(
margin: EdgeInsets.all(16),
child: TextField(
controller: controller,
decoration: InputDecoration(
prefixIcon: const Icon(Icons.search),
hintText: 'Book Title',
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(20),
borderSide: const BorderSide(color: Colors.blue),
)
),
onChanged: searchBook
),
),
Expanded(
child: ListView.builder(
itemCount: books.length,
itemBuilder: (context, index) {
final book = books[index];
return ListTile( title: Text(book.title
),
);
}))
],
),
);
}
void searchBook(String query) {
final suggestions = books.where((book) {
final bookTitle = books.name.toLowerCase();
final input = query.toLowerCase();
return bookTitle.contains(input);
}).toList();
setState(() => books = suggestions);
}
@@HeyFlutter there is no error message , the code is working but let’s say there are three books named (hello, world,there) . If I search world then book with world as a suggestion will be there but I don’t want to search for that and I erase the sentence world and type hello , then there is no suggestion as the list is not there now something like that
@@HeyFlutter I think this is because
I am making an empty list first
List book = []
and then getting the list using getBook method
And Giving book list to suggestion in setState
But you did not make it empty first
You did List book = allBooks
So there your list is not empty first
Maybe this is the issue here
So how to get all List like that when using api Data without setting it empty first and then initialise in initState