- 47
- 2 795
theailanguage
India
เข้าร่วมเมื่อ 17 ก.ค. 2024
Here at theAILanguage.com, we teach AI agent and software development using Flutter, Python, and Google Cloud Platform/AWS/Azure. Everything to build AI Agents, backend and Flutter frontend. youtube.com/@theailanguage?sub_confirmation=1
Flutter Tutorial - Scaffold, AppBar, Text & FloatingActionButton
Online development, no setup required. Topics covered -
-- main.dart
-- main function
-- runApp function
-- MaterialApp Widget -- home property
-- Text Widget -- TextStyle property
-- Scaffold Widget
-- AppBar Widget -- title property
-- FloatingActionButton Widget
-- Center Widget
Intro
____________
Today, we’re diving into something super exciting-building user interfaces with Flutter. Flutter is an amazing framework that lets you create beautiful apps with ease, and the best part? It works for mobile, web, and desktop applications, all from the same codebase.
In this video, we’re going to explore one of the most essential building blocks of any Flutter app-the Scaffold. Think of the Scaffold as the skeleton or foundation of your app. It provides spaces for things like an AppBar at the top, a main content area, a floating action button, and even a navigation drawer. Once you understand the Scaffold, you’ll be able to start building amazing UIs in Flutter.
main.dart file
_____________
This is the entry point of your Flutter app-it’s where everything begins. At the top of the file, you’ll see a function called main(). This is the first thing Flutter runs when your app starts. Inside main(), there’s a function called runApp(). This tells Flutter to load the widget you pass to it and display it on the screen.
MaterialApp.
______________
The MaterialApp widget is like the outermost wrapper of your app. It’s what brings in Google’s Material Design, making your app look polished and consistent with modern UI standards. Without MaterialApp, you wouldn’t have access to things like themes, navigation, or widgets like the AppBar. Think of it as the backbone of a Flutter app that ensures everything is styled and behaves correctly.
Inside the MaterialApp, we see the home property. This tells Flutter which widget should be the starting point, or the “home screen,” of your app. Right now, it’s set to a Text widget that displays the words "Hello World".
Text Widget
______________
Now, let’s talk about the Text widget.The Text widget is one of the simplest and most commonly used widgets in Flutter. It’s designed to display-you guessed it-text! Whether it’s a title, a paragraph, or just a single word, the Text widget is what you use to show it on the screen.
Here, the Text widget has a property called data. This is just a fancy way of saying, “What text do you want this widget to display?” In this case, the data is set to "Hello World".
AppBar
_________
Inside the Scaffold, add the appBar property. Write appBar first like this to name the property you are specifying. Then put a colon and add the widget Name AppBar. Notice that the property names are lower camel case. They start with a small letter and then each new word starts with a capital letter. On the other hand the widget names are upper camel case, they start with a capital letter and each new word also starts with a capital letter.
We will now specify a title property for the AppBar. This can take any widget and for now we’ll pass a text widget to it by specifying the same hello world text widget now as a title to the app bar. Here is how your code will now look. Now click run again. You’ll see a blue bar at the top with the text “Hello World."
body Property
____________
Below appBar, add the body property: For the value of the property first add a center widget by writing center and to that add a child and specify a text widget as the child widget for this center widget. Now we’ll also specify a style property for the text. For now write style, followed by a colon and then Text style with font size : 24 in parenthesis
FloatingActionButton
_______________________
Finally, let’s add a floating action button (FAB). This is the round button you often see in the bottom-right corner of apps.
Write floatingActionButton followed by a colon like this and the widget name FloatingActionButton with 2 parenthesis
Add the following properties to the button -
First, add an onPressed property. This is the action that’ll happen when the button is pressed. For now we specify the code as follows with a print statement. This is an anonymous function that we’ll cover later - a call back that is triggered on this button proess
Then add the child property similar to what we did for the center widget. This basically tells flutter to use the specified child widget as the child for the parent floating action button. What we’ll do here is specify a plus icon for this child by using the icon widget as follows. The icon widget takes in the icon as follows. This is a prebuilt icon that you can specify
Run the app, and you’ll see a round button with a "+" icon in the bottom-right corner. Click it, and check the debug console-you’ll see "FAB Pressed."
Conclusion
__________________
And there you have it-your first Flutter app with a Scaffold! You’ve built a structure with an AppBar, some centered text, and a floating action button.
-- main.dart
-- main function
-- runApp function
-- MaterialApp Widget -- home property
-- Text Widget -- TextStyle property
-- Scaffold Widget
-- AppBar Widget -- title property
-- FloatingActionButton Widget
-- Center Widget
Intro
____________
Today, we’re diving into something super exciting-building user interfaces with Flutter. Flutter is an amazing framework that lets you create beautiful apps with ease, and the best part? It works for mobile, web, and desktop applications, all from the same codebase.
In this video, we’re going to explore one of the most essential building blocks of any Flutter app-the Scaffold. Think of the Scaffold as the skeleton or foundation of your app. It provides spaces for things like an AppBar at the top, a main content area, a floating action button, and even a navigation drawer. Once you understand the Scaffold, you’ll be able to start building amazing UIs in Flutter.
main.dart file
_____________
This is the entry point of your Flutter app-it’s where everything begins. At the top of the file, you’ll see a function called main(). This is the first thing Flutter runs when your app starts. Inside main(), there’s a function called runApp(). This tells Flutter to load the widget you pass to it and display it on the screen.
MaterialApp.
______________
The MaterialApp widget is like the outermost wrapper of your app. It’s what brings in Google’s Material Design, making your app look polished and consistent with modern UI standards. Without MaterialApp, you wouldn’t have access to things like themes, navigation, or widgets like the AppBar. Think of it as the backbone of a Flutter app that ensures everything is styled and behaves correctly.
Inside the MaterialApp, we see the home property. This tells Flutter which widget should be the starting point, or the “home screen,” of your app. Right now, it’s set to a Text widget that displays the words "Hello World".
Text Widget
______________
Now, let’s talk about the Text widget.The Text widget is one of the simplest and most commonly used widgets in Flutter. It’s designed to display-you guessed it-text! Whether it’s a title, a paragraph, or just a single word, the Text widget is what you use to show it on the screen.
Here, the Text widget has a property called data. This is just a fancy way of saying, “What text do you want this widget to display?” In this case, the data is set to "Hello World".
AppBar
_________
Inside the Scaffold, add the appBar property. Write appBar first like this to name the property you are specifying. Then put a colon and add the widget Name AppBar. Notice that the property names are lower camel case. They start with a small letter and then each new word starts with a capital letter. On the other hand the widget names are upper camel case, they start with a capital letter and each new word also starts with a capital letter.
We will now specify a title property for the AppBar. This can take any widget and for now we’ll pass a text widget to it by specifying the same hello world text widget now as a title to the app bar. Here is how your code will now look. Now click run again. You’ll see a blue bar at the top with the text “Hello World."
body Property
____________
Below appBar, add the body property: For the value of the property first add a center widget by writing center and to that add a child and specify a text widget as the child widget for this center widget. Now we’ll also specify a style property for the text. For now write style, followed by a colon and then Text style with font size : 24 in parenthesis
FloatingActionButton
_______________________
Finally, let’s add a floating action button (FAB). This is the round button you often see in the bottom-right corner of apps.
Write floatingActionButton followed by a colon like this and the widget name FloatingActionButton with 2 parenthesis
Add the following properties to the button -
First, add an onPressed property. This is the action that’ll happen when the button is pressed. For now we specify the code as follows with a print statement. This is an anonymous function that we’ll cover later - a call back that is triggered on this button proess
Then add the child property similar to what we did for the center widget. This basically tells flutter to use the specified child widget as the child for the parent floating action button. What we’ll do here is specify a plus icon for this child by using the icon widget as follows. The icon widget takes in the icon as follows. This is a prebuilt icon that you can specify
Run the app, and you’ll see a round button with a "+" icon in the bottom-right corner. Click it, and check the debug console-you’ll see "FAB Pressed."
Conclusion
__________________
And there you have it-your first Flutter app with a Scaffold! You’ve built a structure with an AppBar, some centered text, and a floating action button.
มุมมอง: 1
วีดีโอ
Google IDX for Flutter Development
มุมมอง 1022 ชั่วโมงที่ผ่านมา
Flutter on Google IDX Tutorial - Learning, Writing first Flutter App It is free, simulators come out of the box, AI code completions included
Create Shopping Assistant Agent (part 1) Google Codelab
มุมมอง 82 ชั่วโมงที่ผ่านมา
Build a Smart Shopping Assistant with AlloyDB and Vertex AI Agent Builder - Part 1 Commands and Links - Google Codelab link - Codelab link - codelabs.developers.google.com/smart-shop-agent-alloydb?hl=en#0 pom.xml - github.com/AbiramiSukumaran/RetailEngine/blob/main/pom.xml HelloHttpFunction.java - github.com/AbiramiSukumaran/RetailEngine/blob/main/HelloHttpFunction.java insert_script.sql - gith...
Tutorial - AI Agent Decision Making
มุมมอง 557 ชั่วโมงที่ผ่านมา
Informed decision making using Dialogflow CX generators and data stores Final video in the series where we have learnt - How to create a data store agent from unstructured data How to use knowledge handlers to allow end-users to have conversations with a virtual agent about the content added to a data store. How to configure a generator text prompt and make it contextual by using built-in gener...
Tutorial - AI Agent - Create & Connect to Datastore
มุมมอง 1119 ชั่วโมงที่ผ่านมา
00:00 Intro, GCP Project & Credits 00:43 Visit Console, Enable APIs 01:45 Create Conversational Agent & Datastore 03:43 Configure Agent 06:33 Test Agent Tutorial - AI Agent - Create Agent, Connect to Datastore Create Google Cloud Project - th-cam.com/video/AfarS5kOk-U/w-d-xo.html Dialogflow API Service Details page - console.cloud.google.com/apis/library/dialogflow.googleapis.com Enable the Ver...
Flutter Widget Tree Basic Concepts
มุมมอง 2012 ชั่วโมงที่ผ่านมา
Flutter Tutorials - Widgets and Widget Trees Basics
Tutorial - AI Agent Design
มุมมอง 8416 ชั่วโมงที่ผ่านมา
Complete System Design - AI Conversational Agent Tutorial If you are following this series, here are the backend/frontend setup videos 1. Python Flask Backend setup - th-cam.com/video/AfarS5kOk-U/w-d-xo.html 2. Flutter Tutorial - Install on MacBook Setup - th-cam.com/video/IQnLvpyJMHE/w-d-xo.html You can setup the backend first and we'll tackle the front end at the end so that can wait for late...
Complete Setup Python + Flask Backend API Tutorial on Google Cloud
มุมมอง 13721 ชั่วโมงที่ผ่านมา
00:00 Introduction - Python Flask API Tutorial 00:19 Overview 02:07 Setup Gmail Account 04:30 Get $300 credits, Create Google Cloud Project 07:20 Install gcloud CLI 08:16 Install Python 10:10 Continue gcloud CLI install 12:53 Setup Docker 15:39 Setup Project Directory 16:36 Understanding the Dockerfile 19:24 Install Flask 19:35 Code app.py 22:35 Handle Options Request 24:17 Authentication Middl...
ChatGPT o1 - quick review and comparison to o1-preview
มุมมอง 138วันที่ผ่านมา
Please subscribe and like! Subscribing gives free access to our no-code flutter tool - theailanguage.com TLDR - Better & faster "thinking" Faster generation rate Can attach files No websearch
Flutter Tutorial - #10 Landing Page Generator (Web)
มุมมอง 4814 วันที่ผ่านมา
Flutter Tutorial Landing Page Generator #flutter at its best, Similar to #flutterflow no code But only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI
Flutter Tutorial - #8 Contianer, Content
มุมมอง 3021 วันที่ผ่านมา
Flutter Tutorial - #8 Contianer, Content
Flutter Tutorial - #7 Single Child Scroll View
มุมมอง 1321 วันที่ผ่านมา
Flutter Tutorial - #7 Single Child Scroll View
Flutter LinkedIn Clone!!! No code and AI. Subscribers get free access!!!
มุมมอง 3028 วันที่ผ่านมา
Flutter LinkedIn Clone!!! No code and AI. Subscribers get free access!!!
Flutter Tutorial #6 - Padding and Margin
มุมมอง 3828 วันที่ผ่านมา
Flutter Tutorial #6 - Padding and Margin
Flutter Tutorial - #5 Container, TextStyle
มุมมอง 60หลายเดือนก่อน
Flutter Tutorial - #5 Container, TextStyle
Flutter Tutorial - #4 Network Image and Gradients
มุมมอง 19หลายเดือนก่อน
Flutter Tutorial - #4 Network Image and Gradients
Flutter Tutorial - #3 Containers, Alignment
มุมมอง 78หลายเดือนก่อน
Flutter Tutorial - #3 Containers, Alignment
Free Flutter No-code - Scaffold - in Hindi
มุมมอง 9หลายเดือนก่อน
Free Flutter No-code - Scaffold - in Hindi
Flutter Tutorial - #1 Adding a Scaffold
มุมมอง 59หลายเดือนก่อน
Flutter Tutorial - #1 Adding a Scaffold
Flutter Live Portfolio Project. Free for Subscribers! No-code & AI
มุมมอง 68หลายเดือนก่อน
Flutter Live Portfolio Project. Free for Subscribers! No-code & AI
Dart Methods in Action: Describing Objects with the Spacecraft Class
มุมมอง 63 หลายเดือนก่อน
Dart Methods in Action: Describing Objects with the Spacecraft Class
Dart Classes Explained: Properties, Constructors, and Methods
มุมมอง 63 หลายเดือนก่อน
Dart Classes Explained: Properties, Constructors, and Methods
Introduction to Dart: Explore Dart Documentation & DartPad for Quick Coding
มุมมอง 213 หลายเดือนก่อน
Introduction to Dart: Explore Dart Documentation & DartPad for Quick Coding
Dart Functions Part 1: Specifying Argument Types and Return Values
มุมมอง 53 หลายเดือนก่อน
Dart Functions Part 1: Specifying Argument Types and Return Values
Online development, no setup required. Topics covered - -- main.dart -- main function -- runApp function -- MaterialApp Widget -- home property -- Text Widget -- TextStyle property -- Scaffold Widget -- AppBar Widget -- title property -- FloatingActionButton Widget -- Center Widget
Flutter on Google IDX Tutorial - Learning, Writing first Flutter App It is free, simulators come out of the box, AI code completions included
Hey everyone! AWS just announced that you can try Amazon EC2 t4g.small instances powered by Graviton2 processors for free - up to 750 hours per month until December 31st, 2025! These instances are perfect for apps with moderate CPU usage that occasionally spike. Subscribe for more updates! Here at theAILanguage.com, we teach AI agent and software development using Flutter, Python, and Google Cloud Platform. See you in the next one - keep coding, keep creating!
Subscribe for more updates!
Build a Smart Shopping Assistant with AlloyDB and Vertex AI Agent Builder - Part 1 Commands and Links - Google Codelab link - Codelab link - codelabs.developers.google.com/smart-shop-agent-alloydb?hl=en#0 pom.xml - github.com/AbiramiSukumaran/RetailEngine/blob/main/pom.xml HelloHttpFunction.java - github.com/AbiramiSukumaran/RetailEngine/blob/main/HelloHttpFunction.java insert_script.sql - github.com/AbiramiSukumaran/RetailEngine/blob/main/insert_script.sql
For complete agent design understanding and setup please follow playlist - th-cam.com/play/PL6tW9BrhiPTCDteflzehKS6Cn3a79-iCs.html
Create Google Cloud Project - th-cam.com/video/AfarS5kOk-U/w-d-xo.html Dialogflow API Service Details page - console.cloud.google.com/apis... Enable the Vertex AI Search and Conversation AP - console.cloud.google.com/gen-... Specify the following Google Cloud Storage folder that contains sample data for this codelab, and note that the gs:// prefix is not required: cloud-samples-data/dialogflow-cx/arc-lifeblood As stated on this page there are minimum and maximum ages for blood donation. The minimum age is 18 and the maximum age is 75 for first-time donors. www.lifeblood.com.au/faq/elig...
Hi Everyone, if you are following this series, here are the backend/frontend setup videos 1. Python + Flask Backend setup - th-cam.com/video/AfarS5kOk-U/w-d-xo.html 2. Flutter Tutorial - Install on MacBook Setup - th-cam.com/video/IQnLvpyJMHE/w-d-xo.html You can setup the backend first and we'll tackle the front end at the end so that can wait for later Once we have the backend setup, we'll use that as a web hook to query and update information with our agent
Clients invest thousands for consultative technical guidance that culminates in an architecture like the one you just created. Fantastic educational video
Thanks, appreciate your comment I’m building one agent for myself so making these videos for my own understanding and for everyone else too. Please do consider subscribing if you like software/agent development, focusing this channel on that Thanks again
GITHUB REPO - github.com/theailanguage/python-flask-backend INSTALL VSCODE th-cam.com/video/IQnLvpyJMHE/w-d-xo.htmlm15s COMMANDS LIST pip3 install flask pip3 freeze {right angled bracket} requirements.txt DOCKER COMMANDS docker build --platform linux/amd64 --no-cache -t gcr.io/coastal-cascade-443805-g3/my-backend . docker images docker push gcr.io/coastal-cascade-443805-g3/my-backend GCLOUD COMMANDS gcloud init gcloud run deploy my-backend \ --image gcr.io/coastal-cascade-443805-g3/my-backend \ --platform managed \ --region asia-south1 \ --allow-unauthenticated gcloud run services list --region asia-south1 gcloud run services delete my-backend --region asia-south1 CURL COMMANDS curl -X POST my-backend-330676050223.asia-south1.run.app/v1/getInfo \ -H "X-API-KEY: axsdTypoiUYTfsv89**hqiu19&&&" \ -H "Content-Type: application/json"
Please subscribe and like! Subscribing gives free access to our no-code flutter tool - theailanguage.com TLDR - Better & faster "thinking" Faster generation rate Can attach files No websearch
Please subscribe and like! Subscribing gives free access to our no-code flutter tool - theailanguage.com TLDR - Better & faster "thinking" Faster generation rate Can attach files No websearch
Flutter Tutorial Landing Page Generator #flutter at its best, Similar to #flutterflow no code But only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI
Flutter Tutorial #flutter at its best, Similar to #flutterflow no code But only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI Simple Web Page
Flutter Tutorial #flutter at its best, Similar to #flutterflow no code But only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI Contianer, Content
Flutter Tutorial. #flutter at its best, similar to #flutterflow no code but only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI #7 Single Child Scroll View
Flutter LinkedIn Profile Page Clone using No code & AI! Subscribers get free access to our no-code tool for this course. Course launches when we hit 1000 subs! Please subscribe. Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial #flutter at its best Similar to #flutterflow no code but only for ui design and dev Learn Flutter Live Portfolio Project Free No code, ChatGPT AI
Flutter LinkedIn Profile Page Clone using No code & AI! Subscribers get free access to our no-code tool for this course. Course launches when we hit 1000 subs! Please subscribe. Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial #flutter at its best Similar to #flutterflow no code but only for ui design and dev Learn Flutter Flutter LinkedIn Clone!!! No code and AI. Subscribers get free access!!! Free No code, ChatGPT AI
Flutter Tutorial #flutter at its best Similar to #flutterflow no code but only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI Nocode features!
Flutter Tutorial #flutter at its best, better than Similar to #flutterflow no code but only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI Padding and Margin
Flutter Tutorial #flutter at its best, Similar to #flutterflow no code But only for ui design and dev Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI Container, TextStyle
Flutter Tutorial Similar to #flutterflow but only for flutter UI design and development Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Flutter Tutorial Learn Flutter Live Portfolio Project Free No code, ChatGPT AI #4 Network Image and Gradients
Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Learn Flutter Live Portfolio Project Free No code, ChatGPT AI #3 Containers, Alignment, Decoration, Padding, Margin
Assistant and access setup video - th-cam.com/video/-Ny4APc83hQ/w-d-xo.html Tool website - theailanguage.com Learn Flutter Live Portfolio Project Free No code, ChatGPT AI #2 Columns and Rows
यहाँ हम फ्लटर स्कैफोल्ड को नो-कोड टूल का उपयोग करते हुए theailanguage.com पर देखते हैं। आप इस टूल को फ्री में आज़मा सकते हैं - हमारे चैनल को सब्सक्राइब करें - youtube.com/@theailanguage?sub_confirmation=1 theailanguage.com पर जाएं और उसी Google ID से लॉगिन करें Scaffold विजेट फ्लटर के सबसे बहुमुखी लेआउट विजेट्स में से एक है। यह मोबाइल या वेब ऐप में दिखाई देने वाले सभी सामान्य तत्वों के लिए एक संरचना प्रदान करता है, जिससे यह विभिन्न स्क्रीन साइज के अनुसार उत्तरदायी और अनुकूलनशील बनता है। Here we look at the flutter scaffold using the no-code tool at theailanguage.com. You can try the tool for free - 1. Subscribe to our channel - youtube.com/@theailanguage?sub_confirmation=1 2. Visit theailanguage.com and login with the same Google ID
Building a ChatGPT Artefacts kind of a tool for Flutter. This is early alpha. The AI Language (theailanguage.com) is a free powerful no code tool built as a ChatGPT artefact for flutter development. Try it out for free and leave your comments below. 00:00 Artifacts Tool 00:32 ChatGPT Connect 00:55 Demo 02:30 Publish the App Full Demo at th-cam.com/video/-Ny4APc83hQ/w-d-xo.html
Here we look at the flutter scaffold using the no-code tool at theailanguage.com. You can try the tool for free - 1. Subscribe to our channel - youtube.com/@theailanguage?sub_confirmation=1 2. Visit theailanguage.com and login with the same Google ID
Now build Flutter UI using Voice You use ChatGPT for the AI and voice conversations Custom GPT link = chatgpt.com/g/g-QUsmJ3IU1-the-ai-language
Now build Flutter UI using Voice You use ChatGPT for the AI and voice conversations Custom GPT link = chatgpt.com/g/g-QUsmJ3IU1-the-ai-language
we were together from the fast time till here 17:22 zsh: command not found: flutter cz i have itel processor that is why their is deffernt way to follow and u are using apple 1 ?
No, that is not the reason. It just means that when you type flutter, your system does not know where it is located. Have you added flutter to the path as shown in video? If yes, do the following - 1. Close all terminal windows and restart terminal 2. Else type source ~/.zshenv in the terminal window and press enter After doing the two above, type flutter --version in terminal and check if it works? If it still doesn't work, check the path Type echo $path on the terminal and press enter. You'll get all the items in the path. Check the directory is correctly specified for flutter
Please do like and subscribe if this video was of help :)
yes i did exacly what u did byt i get that error
ok, if still stuck, please run echo $PATH in terminal and share the result
Really Helpful! Looking to your more videos about Flutter💫
Awesome! Thank you very much😊
00:00 Recap 00:31 Dart Documentation and Dartpad 02:03 main function 04:37 Dart Variables 08:31 Dart Conditionals and loops 13:31 Function Definition, Calling, Shorthand, Anonymous 17:04 Shorthand Notation for Functions 18:01 Anonymous Functions 20:47 Comments and Imports 23:09 Dart Classes, Properties, Constructors, Methods
00:00 Intro & Recap 00:42 Key Workspace Components 01:28 Overview of Visual Studio Code 03:46 Install Extensions for Flutter & Dart 04:57 Understand Flutter Project Structure & Major Files
0:00 Intro, Recap 0:22 Create Sample App 1:02 List Devices 1:32 Open iPhone Simulator 2:40 Install iOS 17.5 runtime, SDK 6:55 Run App on iPhone Simulator 7:55 Install Android Simulator 9:38 Run App on Android Simulator 11:12 Run on Chrome 12:30 Run on MacOS 13:28 Outro
Full walkthrough - th-cam.com/video/IQnLvpyJMHE/w-d-xo.html
PLEASE DO SUBSCRIBE !!! 0:00 Intro 0:30 Flutter Documentation 1:50 Hardware Requirements 2:40 Software Requirements 2:52 Operating System 3:17 Shell 4:22 Install Rosetta 2 5:15 Install Xcode 6:40 Install Cocoapods 8:15 Install Visual Studio Code 9:22 Install Android Studio 11:15 Install Flutter SDK 15:32 Add Flutter to Path 17:35 Finish Xcode setup 19:18 Setup iOS simulator 20:22 Install Cocoapods using Homebrew 23:17 Flutter Doctor check 23:42 Install Android SDK 25:10 Outro