Это видео недоступно.
Сожалеем об этом.
Flutter Responsive UI: Google Clone
HTML-код
- Опубликовано: 15 авг 2024
- Learn how to build completely Responsive Google Clone using Flutter - fetch results from Google Custom Search API & Pagination!
#flutter #ui #responsive
Source Code: github.com/Riv...
Important Links:
colors.dart File- github.com/Riv...
Translations Text- github.com/Riv...
Images - github.com/Riv...
Dummy API Json - github.com/Riv...
Google Developer Console - console.cloud....
Google Custom Search API - developers.goo...
Context Key - cse.google.com...
Timestamps:
(00:00:00) Demo
(00:01:20) Prerequisites
(00:01:36) Creating & Setting Up Flutter Project
(00:04:12) Creating Responsive Layout
(00:10:59) Main Screen AppBar
(00:21:11) Main Screen Body
(00:43:36) Main Screen Footer
(00:50:39) Making the Main Screen Responsive
(00:59:50) Search Results UI
(01:29:41) Getting API & Context Key
(01:32:57) Building Search Results UI
(02:00:08) Adding Pagination
(02:08:13) Responsive Search Results UI
(02:12:09) Changing Title Of Website
(02:14:09) Making Some More Changes
(02:17:31) Conclusion
Dependencies:
Flutter SVG: pub.dev/packag...
http: pub.dev/packag...
Dio: pub.dev/packag...
Url Launcher: pub.dev/packag...
Connect With Me Here:
/ optimalcoding
namanrivaan@gmail.com
github.com/riv...
/ namanrivaan
Appreciate the unique project you've brought to us.Hope we will see consistant unique projects in future as well.
Definitely ;)
All your projects are amazing.. we really appreciate the good work of yours
Thank you so much!
Thanks, rivaan for this tuts and waiting for more like this
You're welcome😄
Great work again. Love from Nepal.
Need state management and API project tutorial... Once again thank you for such a great tutorial
Thank you so much!
Great work Done Rivaan.
God bless you ❤️
Thank you so much!
This was super insightful, thanks a ton for sharing such ideas with us!
Pleasure!
Awesome projects I subscribed to your channel immediately I saw your WhatsApp clone please be consistent with the content your channel will teach millions soon thanks for the contents
Thank you so much!
thanks a lot rivaan
learned a lot from this tutorial
Glad it helped!
mast tutorial banay bhai!!
Thank you so much Ankit!
Op 🔥 i like your video bro .. make more interesting project you got one more subscriber
Thank you, I will😄
please create a video on admin panel responsive in web
Thanks!
for source code
Thank you so much for the support :)
Is very Awesome learning #Flutter
Amazing, Glad to know that😄🙂
India people is great
Thank you so much Peterson!
You are awesome bro
Thank you so much!
Is it possible to use free search engine option (js form)offered by google
Ofcourse it is possible!
Can you make a tutorial on BMI calculator app with exercises suggestions pls?
Noted.
awesome...
Thanks Trik!
Rivaan the screens are responsive from left to right, but if I resize the screen from top top bottom or vice versa, the I face an error of bottom overflow by pixels. On internet the bottom overflow solutions are mostly for when keyboard appears, but I can't find any solution for when I resize the screen from bottom to top or vice versa. Please provide a solution for bottom overflow when the screen is resized vertically.
You can try wrapping with SingleChildScrollView Or using Mediquery for specifying height.
@@RivaanRanawat
When I use SingleChildScrollview,the body goes blank,but if you remove Expanded widget from parent Column,then childscrollview works,but after than we face another issue and that is the fotter goes up,and get attached with above column,I've tried padding,sizedbox but when I resize the screen the fotter again goes up,please provide a soution.
@@RivaanRanawat Sorry for inconvenience,but I wan to learn responsivness for every size of screen even for a 3 or 4 inch screen.
Please make video on flutter + custom backend (Node , express, mongoDB)
Sure! In the meantime, u can watch Skribbl.io Clone Project with Node.js & MongoDB: ruclips.net/video/afCVHB2xm-g/видео.html
How to solve "Bottom overflowed by XX pixels" problem?
Try wrapping the parent widget with SingleChildScrollView. If that doesn't work you can use MediaQuery instead of passing constant values.
27:55
The main thing of this project you are not explain. How to get live on internet as "web" search engine
Nice project implemntation, but i followed along but my pagination doesnt seem to work though there is no error and the code is the exact same but my page doesnt load the next 10 results! is there any suspectable mistake that i could have made?
Have you loaded the page multiple times? Because you can only get a maximum of 100 results in a day.
How to get live this on internet ??? How to debug apk ??? Separately
You can use Netlify/Firebase/Heroku to deploy the website.
Can the course be followed with flutter latest version?
Yep, it can be.
Sir how to create home service app backund php
Video will be up soon :D
Getx k sth kia kro bhai
Will be using that in the next video ;)
You are great guy but your too fast...we aren't able to catch up with you bro, otherwise 💯💞🙏
I'll keep that in mind, thank you for the suggestion🙂
Whatsapp clone with functionality please
Already in My To-Do List! 😉
@@RivaanRanawat Great
WTF did you do at the end
Can you please mention the timestamp at which you didn't understand?
@@RivaanRanawat its fixed
i am getting error in getting SHA1 key 🤕