Skip to content
Hallway
0:00 / 0:00

#flutter#widgets

Flutter Basics by a REAL Project

Dev Branch

56K subscribers • 1 video on Hallway

YouTube
  • Recommended by 1 person: 1 in engineering communities.
  • Linked in the descriptionmahdinazmi/Flutter-Basics
  • May be out of date. The tools, versions or practices it shows have likely moved on.

Beginner. No background in the topic needed.

1M views3 years ago1 recommendation

Mobile developmentFlutter and React Native

A step-by-step tutorial implementing a basic UI design to learn fundamental Flutter widgets and concepts.

DO YOU HAVE ANY QUESTION ? JOIN THE COMMUNITY 🤝 Telegram Community ☑️ t.me/flutterguysgp 📄You will easily learn the basics of Flutter by watching this tutorial. In this short video, we will implement one design together and we will use many basic Flutter widgets in the implementation, which will make you familiar with widgets and learn their use and prepare yourself for more important topics. 📁Source Code 🔗 github.com/mahdinazmi/Flutter-Basics.git ⚡ SUBSCRIBE HERE⚡ 🔗 cutt.ly/2XkZz0X ⏳ TIMESTAMPS : Intro Create Project main Function Run Application Create Pages Folder Create Home Page Import Material Package Material Cupertino Stateless Widget vs Stateful Widget Create Home Page Class const Keyword Remove Debug Banner build Method Scaffold Widget Appbar Widget Add Font To Project Text Widegt Text Style Change Appbar Background Color Remove Appbar Shadow SVG Package Leading Widget in Appbar Container Widget Use SVG Package Define Color With 0xff Reduce SVG Icon Size Actions Widget in Appbar GestureDetectore Widget Extract Method Search TextField Container Shadow Color Opacity TextField Border Decoration contentPadding in TextField prefixIcon Widget suffixIcon Widget Row Widget VerticalDivider Widget hinText in TextField Body Background Color Implementation Categories Section Column Widget Display Category Text SizedBox Widget CrossAxisAlignment in Column Widget ListView.builder Widget Create Model Class Use Category Models Create Category Items in ListView.builder Implementation Recommendation For Diet Section LinearGradient in Container Decoration Create Space Between Widgets in Column Using The Operator ? Implementation Popular Section 🌐Social Media 🔗 Linkedin: linkedin.com/in/mahdinazmi 🔗 GitHub: github.com/mahdinazmi 🔗 Twitter: twitter.com/flutterguys1 #flutter #fluttertutorial #flutterwidgets #fluttercourse #flutterinhindi #mobileappdevelopment #vscode #reactnative

Why it's here

1 person recommends this

What people say. Recommended as a starting point for beginners to learn Flutter UI layouts and widgets.

u/Next_Location6116in r/FlutterDev • Recommends

On “Is it possible to learn Flutter in 10 days?”

Watch and follow these tutorials Day 1-2 Learn fundamentals, widgets & basic UI layouts link to this video UI basics + real layout build link to this video Full beginner crash course (widgets, nav, state) link to this video Rewatch to reinforce structure + layouts link to this video Simple weather UI project link to this video Quick starter setup for Flutter env link to this video Dart + Flutter fundamentals (language + OOP basics) Day 3-4 Strengthen basics + learn project structure/architecture link to this video 1hr beginner refresher link to this video Pizza App tutorial (architecture + folder structure) link to this video Provider state management full tutorial link to this video BLoC / Cubit introduction + clean state handling Day 5-6 Build an app f…
14View on Reddit