🥷🏽📱 DARK MODE • Flutter Theme Tutorial
Рет қаралды 32,640
Жыл бұрын💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatA...
📱 Flutter Courses • mitchkoko.app/
👨🏽💻 I'm coding a startup.. / mitchkoko
/ createdbykoko
/ createdbykoko
/ createdbykoko
💰 Book Consultation Call • mitchkoko.gumroad.com/l/CallW...
~ ;
🔒Watch the FLUTTER AUTH PLAYLIST first:
1📱 Modern Login UI • • 🔒📱 Modern Login UI • F...
2📱 Email Login & Logout • • 🔒📱 Email Login & Logou...
3📱 Email Sign Up • • 🔒📱 Email Sign Up • Flu...
4📱 Google Sign In • • 🔒📱 Google Sign In • Fl...
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • • 📱 The Wall / Coding a ...
❤️ 2 • Like Button • • ❤️📱 Like Button / Codi...
🤷🏽♂️ 3 • User Profile • • 🥷🏽📱 User Profile / Cod...
💬 4 • Comments • • 💬📱 Comments / Coding a...
🥷🏽 5 • Dark Mode • • 🥷🏽📱 DARK MODE • Flutte...
🗑 6 • Delete Posts • • 🗑📱 Delete Posts / Codi...
🐞 7 • Bug Fixes
~ ;
📱 INSTAGRAM • / createdbykoko
🐦 TWITTER • / createdbykoko
📱 TIKTOK • / createdbykoko
🎧 FLUTTER POD • / @flutterpod
💬 JOIN DISCORD SERVER • / discord
💻 GITHUB • github.com/mitchkoko/
🖥 WEBSITE • mitchkoko.app/
#flutter #createdbykoko instagram social media app redesign ecommerce app shoe shop full flutter tutorial game tetris chess pokemon the wall social media type app flutter firebase cloud firestore user profile reddit reply like comments reply comment feature light mode vs dark mode
@createdbykoko Жыл бұрын
💬 Chat App w/ Notifications • mitchkoko.gumroad.com/l/ChatAppMasterclass 📱 Flutter Masterclass • mitchkoko.app/ 🔥 I'm coding a startup.. www.patreon.com/mitchkoko 🍀 What feature should I add next? Previous video 👉🏽Comments 💬 kzfaq.info/get/bejne/qJxxnseKy8XGm3k.html 🔒Watch the FLUTTER AUTH PLAYLIST first: 1📱 Modern Login UI • kzfaq.info/get/bejne/es5dlreCr82xXYU.html 2📱 Email Login & Logout • kzfaq.info/get/bejne/lZmHYK2mrryqnJs.html 3📱 Email Sign Up • kzfaq.info/get/bejne/p9KGnZBh29bFh2Q.html 4📱 Google Sign In • kzfaq.info/get/bejne/Z7tokrCilrfIiGg.html FULL PLAYLIST • SOCIAL MEDIA APP 📱 1 • The Wall • kzfaq.info/get/bejne/r7BnpLSp39HMaXk.html ❤ 2 • Like Button • kzfaq.info/get/bejne/r8t1aLN5raionoU.html 🤷🏽♂ 3 • User Profile • kzfaq.info/get/bejne/itaHatF9sZubpYU.html 💬 4 • Comments • kzfaq.info/get/bejne/qJxxnseKy8XGm3k.html 🥷🏽 5 • Dark Mode • kzfaq.info/get/bejne/bJyUnZqo1r7KlXU.html 🗑 6 • Delete Posts • kzfaq.info/get/bejne/adWngM6CtZy3eJc.html 🐞 7 • Bug Fixes Let's talk on Twitter 🐦 twitter.com/createdbykoko/ ✌🏾 Instagram 📷 instagram.com/createdbykoko/
@royalwolves7010 Жыл бұрын
Brother also videos, the next feature can possibly be that users are allowed to delete their own post
@royalwolves7010 Жыл бұрын
Brother when are we starting the messaging app journey🥺💜
@dunce4629 Жыл бұрын
Your videos are amazing for new learners, genuinely some of the clearest and most concise tutorials I have ever followed; Thank you very much!
@karimMonir_ Жыл бұрын
Hey, Mitch! I'd like to suggest few things: 1- a functioning toggle button to toggle between dark and light themes separate from the system. 2- something for flutter web. 3- something for flutter desktop applications. Thank you, and keep the great work up ❤️
@jessesantos7679 Жыл бұрын
Up
@jessesantos7679 Жыл бұрын
Up
@jessesantos7679 Жыл бұрын
Up
@oumaimasouid5229 Жыл бұрын
Up
@createdbykoko Жыл бұрын
I should've included that in the tutorial. But here's quickly how to do it: The setup in the video will automatically switch themes based on the system's theme. To allow users to manually switch between light and dark themes from within the app, you'll need to do a bit more work. 1. You might want to create a ThemeProvider which extends ChangeNotifier: class ThemeProvider with ChangeNotifier { bool _isDarkMode = false; bool get isDarkMode => _isDarkMode; void toggleTheme() { _isDarkMode = !_isDarkMode; notifyListeners(); } }
@user-bk4hj6ll5l Жыл бұрын
I've been waiting to seeing this video for so long😍😃... Thank you so much
@createdbykoko Жыл бұрын
💜 haha enjoy
@Malikmehtabali1 4 ай бұрын
Mitch koku your designs are so precious 💞💕
@mugiwaranocoder Жыл бұрын
That's great !!!
@createdbykoko Жыл бұрын
💜 thanks!
@AhmedMezu 9 ай бұрын
sweet so far so good ;D
@jointheflock Жыл бұрын
Nice, thanks for the simple breakdown. Definitely something I want to do a better job at keeping in mind when designing apps
@createdbykoko Жыл бұрын
No problem! Haha how’s flutter going for you so far?
@jointheflock Жыл бұрын
@@createdbykoko Definitely a fan! It feels faster and more fun to prototype and blend code/design than my previous experiences with web and mobile dev.
@PthCreations Жыл бұрын
Was Waiting For This..
@createdbykoko Жыл бұрын
enjoy!
@user-zv9bj7bo3y Жыл бұрын
Hey, some ideas for the next videos: - Follow other users - Push-Notifications - Delete user (with the option delete all posts and comments or set the creator to "deleted" or "unknown" - Delete postings with a swipe-function from the "own wall" - possibility to post photos or audio with mic (firebase storage) - other sign up methods (Facebook, Instagram etc) - settings Page (choose darktheme or use system-settings) - monetization with ads or "Ingame"-transactions
@christianmuntean Жыл бұрын
You could add a functioning Settings Page and cover topics like how to store userpreferences for the specific app (Maybe font size, or giving the user more than 2 themes to choose from, or maybe Date-format preferences)
@christianmuntean Жыл бұрын
Oh and maybe Notifications, those are also important. You could add those Notifications where you can directly answer on the notification itself (Android)
@Malikmehtabali1 4 ай бұрын
Wow amazing bro❤
@Hajisarwarr 10 ай бұрын
You are the best😊
@shahidwani6445 Жыл бұрын
Please implement in-app purchase in flutter next
@icoweb500 Жыл бұрын
nice
@nikunjchamaria7825 Жыл бұрын
I wanted to add some ways to post photo as well...can you add that in the nest section....btw loved the playlist so far
@codereels Жыл бұрын
nice ❣
@createdbykoko Жыл бұрын
💜
@calpal101 Жыл бұрын
Great video as always ! Question ; what state management do you prefer to use for "big" projects ? I am currently planning to switch to riverpod and want to know what others are using
@createdbykoko Жыл бұрын
riverpod bloc, depends on your needs :D what are you roughly trying to make
@mobcom4348 Жыл бұрын
Could you please make a multi selectable listview. And a button for select all
@lilshaunpicanto Жыл бұрын
Adding groups/lobbies and individual chats and possibly have the comment section show only the two most popular comments and asks the user to view all to see all the comments added by users. Also a toggle dark mode light mode button 😊
@Ziemecki 9 ай бұрын
Do you have any video about how to add adds in the app and get paid?
@d_o_o_m_g_u_y Жыл бұрын
Loving this series. Thanks alot
@createdbykoko Жыл бұрын
Glad someone likes it!! Hope it helps!
@SharyDev Жыл бұрын
Sir please make a full chat app using firebase as backend and your tutorial is awesomes
@connectSanjayMali 11 ай бұрын
Hey Mitch!, Hey something like mobile and web dev portfolio.
@herverenard8805 Жыл бұрын
how do you do your illustrations?
@JasperPauwels Жыл бұрын
Do you think you could do a video about Firestore and just go over all kinds of different things you can do with databases? One of the things I think about is disappearing messages, that's something that could be implemented in this app.
@JasperPauwels Жыл бұрын
Oh, and while you would be going over a feature like that, showing the possibilities of disappearing messages/images/posts after 24 hours or at like 12am every day would be interesting too. I'd love to see how to incorporate that in this app.
@user-lw4zf2yg2c Жыл бұрын
how can i presist the theme with provider to get the dark mode on restarting the application ?
@candraherk1751 Жыл бұрын
Hello Mitch I'am teacher from Indonesia Please make tutorial to make simple timetable with flutter Respect and much love ❤
@guffyk Жыл бұрын
Great tutorial! Question… is it possible to have something similar with color themes? So instead of light/dark mode, I want to choose green, blue, dark, etc.
@createdbykoko Жыл бұрын
yes of course you can! If you want just 2 different ones then u can use light and dark mode but use your own colors. If you want more than 2 themes then you will need to use something like provider and use themeNotifier!
@guffyk Жыл бұрын
Thanks man. Keep up the great work, really appreciate your tutorials
@BrYarDJ Жыл бұрын
work for navigation new screen, new screen ?
@godwinsampson6081 Жыл бұрын
Can you do a video about getX state management??
@createdbykoko Жыл бұрын
i could but I don't think I will. There are tonnes of videos on that already
@godwinsampson6081 Жыл бұрын
@@createdbykoko Oh okay, thanks champ!
@sharjeel_mazhar 11 ай бұрын
how to add theme for text? so that the entire app text color changes to whatever we set in light/dark mode, i am talking about Text() widget
@doulaeiiminc7430 11 ай бұрын
Under thr theme data, there is a textTheme variable that takes a TextTheme Class
@lilshaunpicanto Жыл бұрын
What about if I wanna change it manually without changing the system settings. Like if I wanted a toggle light or dark mode
@createdbykoko Жыл бұрын
I should've included that in the tutorial. But here's quickly how to do it: The setup in the video will automatically switch themes based on the system's theme. To allow users to manually switch between light and dark themes from within the app, you'll need to do a bit more work. 1. You might want to create a ThemeProvider which extends ChangeNotifier: class ThemeProvider with ChangeNotifier { bool _isDarkMode = false; bool get isDarkMode => _isDarkMode; void toggleTheme() { _isDarkMode = !_isDarkMode; notifyListeners(); } } 2. And then provide this ThemeProvider above your MaterialApp: return ChangeNotifierProvider( create: (_) => ThemeProvider(), child: Consumer( builder: (context, themeProvider, child) => MaterialApp( theme: lightTheme, darkTheme: darkTheme, themeMode: themeProvider.isDarkMode ? ThemeMode.dark : ThemeMode.light, home: MyApp(), ), ), ); 3. Now, anywhere in your app, you can toggle between dark and light theme: context.read().toggleTheme(); ✌🏾hope this helps
@lilshaunpicanto Жыл бұрын
@@createdbykoko Thank you 🙏 appreciate it
@lumiplex404 Жыл бұрын
@@createdbykoko is there a way to do that using riverpod's state management ? I am currently using provider scope over the materialapp that's why asking
@Icanox Жыл бұрын
bro will it save when you close app and enter again
@createdbykoko Жыл бұрын
yes it will change according to the system setting on the device
@user-rg6iy9pk8v Жыл бұрын
I hope you start working on android studio, because most of those working on flutter are working on android studio, not visual studio.🥰❤
@lukassimon8324 Жыл бұрын
Incorrect sir, vast majority of flutter developers use VS Code as it is generally better for development and is also being s lot more light weight.
@herverenard8805 Жыл бұрын
how do you do your illustrations?
@lumiplex404 Жыл бұрын
he already said , he uses rotato
RetroPortal Studio
Рет қаралды 88 М.
Coding With T
Рет қаралды 52 М.
HeyFlutter․com
Рет қаралды 74 М.
Wylsacom
Рет қаралды 649 М.
Brother-live_mob
Рет қаралды 929 М.
Alex Boyko
Рет қаралды 288 М.