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 ❤️
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(); } }
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
@@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.
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
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.
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!
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)
Oh and maybe Notifications, those are also important. You could add those Notifications where you can directly answer on the notification itself (Android)
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
@@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
please create a video that when we click on the button the whole app color should change but not to the dark or light the color should be deffirent like blue or purple
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.
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.
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 😊
💬 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 💬 th-cam.com/video/r6AkdYf_bkE/w-d-xo.html
🔒Watch the FLUTTER AUTH PLAYLIST first:
1📱 Modern Login UI • th-cam.com/video/Dh-cTQJgM-Q/w-d-xo.html
2📱 Email Login & Logout • th-cam.com/video/_3W-JuIVFlg/w-d-xo.html
3📱 Email Sign Up • th-cam.com/video/qlVj-0vpaW0/w-d-xo.html
4📱 Google Sign In • th-cam.com/video/1U8_Mq1QdX4/w-d-xo.html
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • th-cam.com/video/yJ7qQxzkh9E/w-d-xo.html
❤ 2 • Like Button • th-cam.com/video/yeE5PHHBDnQ/w-d-xo.html
🤷🏽♂ 3 • User Profile • th-cam.com/video/TpW7nLL57uQ/w-d-xo.html
💬 4 • Comments • th-cam.com/video/r6AkdYf_bkE/w-d-xo.html
🥷🏽 5 • Dark Mode • th-cam.com/video/66dj7wqXfeA/w-d-xo.html
🗑 6 • Delete Posts • th-cam.com/video/3owMkQP6SHc/w-d-xo.html
🐞 7 • Bug Fixes
Let's talk on Twitter 🐦 twitter.com/createdbykoko/ ✌🏾
Instagram 📷 instagram.com/createdbykoko/
Brother also videos, the next feature can possibly be that users are allowed to delete their own post
Brother when are we starting the messaging app journey🥺💜
extremely clear and easy to understand lesson. I had no idea how to set up a theme but now I do. Thank you so much. 😀
@@ranjanadissanayaka5390 nice! Glad I could help ❤️ what app are you trying to make?
Your videos are amazing for new learners, genuinely some of the clearest and most concise tutorials I have ever followed; Thank you very much!
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 ❤️
Up
Up
Up
Up
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();
}
}
I've been waiting to seeing this video for so long😍😃... Thank you so much
💜 haha enjoy
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
Mitch koku your designs are so precious 💞💕
Nice, thanks for the simple breakdown. Definitely something I want to do a better job at keeping in mind when designing apps
No problem! Haha how’s flutter going for you so far?
@@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.
That's great !!!
💜 thanks!
This tutorial is awesome dude.. Thanks so much
@@ranjanadissanayaka5390 ❤️
Please implement in-app purchase in flutter next
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
riverpod bloc, depends on your needs :D what are you roughly trying to make
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.
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!
Thanks man. Keep up the great work, really appreciate your tutorials
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)
Oh and maybe Notifications, those are also important. You could add those Notifications where you can directly answer on the notification itself (Android)
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
Was Waiting For This..
enjoy!
Loving this series. Thanks alot
Glad someone likes it!! Hope it helps!
Could you please make a multi selectable listview. And a button for select all
What about if I wanna change it manually without changing the system settings. Like if I wanted a toggle light or dark mode
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
@@createdbykoko Thank you 🙏 appreciate it
@@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
Can you do a video about getX state management??
i could but I don't think I will. There are tonnes of videos on that already
@@createdbykoko Oh okay, thanks champ!
Hey, if I want different colors in dark/light theme for the 'like' button, how can I do that?
sweet so far so good ;D
Do you have any video about how to add adds in the app and get paid?
Wow amazing bro❤
how can i presist the theme with provider to get the dark mode on restarting the application ?
please create a video that when we click on the button the whole app color should change but not to the dark or light the color should be deffirent like blue or purple
nice ❣
💜
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.
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.
Hey Mitch!,
Hey something like mobile and web dev portfolio.
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
😊
bro will it save when you close app and enter again
yes it will change according to the system setting on the device
You are the best😊
work for navigation new screen, new screen ?
Sir please make a full chat app using firebase as backend and your tutorial is awesomes
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
Under thr theme data, there is a textTheme variable that takes a TextTheme Class
Hello Mitch
I'am teacher from Indonesia
Please make tutorial to make simple timetable with flutter
Respect and much love ❤
nice
how do you do your illustrations?
he already said , he uses rotato
I hope you start working on android studio, because most of those working on flutter are working on android studio, not visual studio.🥰❤
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.
how do you do your illustrations?