🥷🏽📱 DARK MODE • Flutter Theme Tutorial
Вставка
- Опубліковано 21 тра 2023
- 💬 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 - Наука та технологія
💬 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 💬 ua-cam.com/video/r6AkdYf_bkE/v-deo.html
🔒Watch the FLUTTER AUTH PLAYLIST first:
1📱 Modern Login UI • ua-cam.com/video/Dh-cTQJgM-Q/v-deo.html
2📱 Email Login & Logout • ua-cam.com/video/_3W-JuIVFlg/v-deo.html
3📱 Email Sign Up • ua-cam.com/video/qlVj-0vpaW0/v-deo.html
4📱 Google Sign In • ua-cam.com/video/1U8_Mq1QdX4/v-deo.html
FULL PLAYLIST • SOCIAL MEDIA APP
📱 1 • The Wall • ua-cam.com/video/yJ7qQxzkh9E/v-deo.html
❤ 2 • Like Button • ua-cam.com/video/yeE5PHHBDnQ/v-deo.html
🤷🏽♂ 3 • User Profile • ua-cam.com/video/TpW7nLL57uQ/v-deo.html
💬 4 • Comments • ua-cam.com/video/r6AkdYf_bkE/v-deo.html
🥷🏽 5 • Dark Mode • ua-cam.com/video/66dj7wqXfeA/v-deo.html
🗑 6 • Delete Posts • ua-cam.com/video/3owMkQP6SHc/v-deo.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🥺💜
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
Mitch koku your designs are so precious 💞💕
That's great !!!
💜 thanks!
sweet so far so good ;D
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
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.
Please implement in-app purchase in flutter next
Wow amazing bro❤
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)
Was Waiting For This..
enjoy!
You are the best😊
nice ❣
💜
nice
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
😊
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
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
how do you do your illustrations?
how can i presist the theme with provider to get the dark mode on restarting the application ?
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
Sir please make a full chat app using firebase as backend and your tutorial is awesomes
Do you have any video about how to add adds in the app and get paid?
Hello Mitch
I'am teacher from Indonesia
Please make tutorial to make simple timetable with flutter
Respect and much love ❤
work for navigation new screen, new screen ?
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.
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
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
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!
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
bro will it save when you close app and enter again
yes it will change according to the system setting on the device
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?
he already said , he uses rotato