If you’re starting with Flutter, knowing the right terminal

commands can save you hours of setup and debugging. These

commands help you create projects, run apps on devices, manage

dependencies, and prepare your builds for release:

█████████████████████████████████████

1. Check Flutter version

flutter –version

Example: Shows Flutter, Dart, and DevTools version

█████████████████████████████████████

2. Check setup & dependencies

flutter doctor

Example: Checks Xcode, Android Studio, devices, etc.

█████████████████████████████████████

3. Create a new Flutter project

flutter create my_app

Example: Generates a project in folder my_app

█████████████████████████████████████

4. Run your app

flutter run

Example: Runs on connected device or simulator

█████████████████████████████████████

5. Run on specific device

flutter run -d chrome

flutter run -d emulator-5554

Example: Launches on Chrome or Android emulator

█████████████████████████████████████

6. List connected devices

flutter devices

Example: Shows available emulators and devices

█████████████████████████████████████

7. Get dependencies

flutter pub get

Example: Installs packages from pubspec.yaml

█████████████████████████████████████

8. Add a new package

flutter pub add http

Example: Adds http to pubspec.yaml automatically

█████████████████████████████████████

9. Remove a package

flutter pub remove http

Example: Removes http from your project

█████████████████████████████████████

10. Build APK (Android)

flutter build apk –release

Example: Generates app-release.apk

█████████████████████████████████████

11. Build App Bundle (Play Store)

flutter build appbundle –release

Example: Generates .aab for Google Play

█████████████████████████████████████

12. Build for iOS

flutter build ios –release

Example: Creates iOS build (requires macOS & Xcode)

█████████████████████████████████████

13. Build for Web

flutter build web

Example: Generates web build in /build/web

█████████████████████████████████████

14. Clean project cache

flutter clean

Example: Deletes build cache to fix errors

█████████████████████████████████████

15. Analyze code

flutter analyze

Example: Reports errors, warnings, unused imports

█████████████████████████████████████

16. Format code

flutter format .

Example: Formats all Dart files in project

█████████████████████████████████████

17. Upgrade Flutter SDK

flutter upgrade

Example: Updates to latest stable version

█████████████████████████████████████

18. Switch Flutter channel

flutter channel stable

flutter channel beta

Example: Switches between channels

█████████████████████████████████████

19. Check outdated packages

flutter pub outdated

Example: Shows which dependencies need upgrade

█████████████████████████████████████

20. Update dependencies

flutter pub upgrade

Example: Upgrades all packages to the latest versions

By mastering these 20 Flutter commands, you’ll streamline your workflow and avoid common errors. Keep this list as a handy reference whenever you work on Flutter projects.

50 Essential SwiftUI Commands with Examples and Explanations

---

Basic Views

1. Text – display a string of text

Text("Hello World") // shows text on screen

2. Image – show an image from assets or system

Image("logo") // displays image named "logo"

3. Button – interactive button with action

Button("Click") { } // button that triggers code

4. Spacer – pushes content apart

Spacer() // creates flexible empty space

5. Divider – thin horizontal line

Divider() // separates content with a line

6. Color – block of color

Color.red // fills area with red

7. Rectangle – simple rectangle shape

Rectangle().fill(Color.blue) // blue box

8. Circle – circular shape

Circle().stroke(Color.green, lineWidth: 3) // green outlined circle

9. Ellipse – oval shape

Ellipse().fill(Color.orange) // orange oval

10. Capsule – pill-like rounded shape

Capsule().fill(Color.purple) // purple pill shape

---

Layout Containers

11. VStack – vertical layout stack

VStack {
    Text("A")
    Text("B")
    Text("C")
}

12. HStack – horizontal layout stack

HStack {
    Text("Hello World")
    Text("Hello World")
    Text("Hello World")
}

13. ZStack – layers content on top of each other

ZStack {
    Color.yellow
    Text("Top")
        .font(.title)
}

14. Group – groups multiple views

Group {
    Text("One")
    Text("Two")
    Text("Three")
}

15. ScrollView – scrollable content

ScrollView { Text("Scrollable") } // vertical scroll

16. List – dynamic scrolling list

List(1..<4) { Text("Row \($0)") } // list rows

17. Form – form layout for input controls

Form { TextField("Name", text: .constant("")) } // input form

18. Section – divides list/form into sections

Section(header: Text("Info")) { Text("Details") } // sectioned content

19. NavigationView – container for navigation

NavigationView { Text("Home") } // enables navigation

20. NavigationLink – clickable link to another view

NavigationLink("Go", destination: Text("Next")) // link to new page

---

Input Controls

21. TextField – single-line text input

TextField("Enter text", text: .constant("")) // text box

22. SecureField – password input (hidden text)

SecureField("Password", text: .constant("")) // hidden input

23. Toggle – on/off switch

Toggle("Enable", isOn: .constant(true)) // switch control

24. Slider – sliding numeric value

Slider(value: .constant(0.5)) // slider 0 to 1

25. Stepper – increase/decrease value

Stepper("Count", value: .constant(1)) // step counter

26. Picker – dropdown or wheel selection

Picker("Choose", selection: .constant(1)) { Text("One").tag(1) } // picker

27. DatePicker – pick date and/or time

DatePicker("Select Date", selection: .constant(Date())) // date selector

28. ColorPicker – choose a color

ColorPicker("Pick Color", selection: .constant(.blue)) // color input

29. ProgressView – loading/progress indicator

ProgressView("Loading…") // spinner/progress bar

30. Link – open external URL

Link("Open Website", destination: URL(string: "https://kiaapp.xyz")!) // external link

---

Modifiers (Styling)

31. .font() – set font style/size

Text("Title").font(.title) // larger font

32. .foregroundColor() – set text or shape color

Text("Red").foregroundColor(.red) // red text

33. .background() – add background behind view

Text("BG").background(Color.gray) // gray background

34. .cornerRadius() – round corners

Rectangle().cornerRadius(10) // rounded box

35. .padding() – add spacing inside view

Text("Padded").padding() // padded text

36. .frame() – set width/height

Text("Boxed").frame(width:100, height:50) // fixed size

37. .opacity() – adjust transparency

Text("Faded").opacity(0.5) // 50% transparent

38. .shadow() – add shadow effect

Text("Shadow").shadow(radius: 5) // drop shadow

39. .bold() / .italic() – emphasize text

Text("Bold").bold() // bold text

40. .multilineTextAlignment() – align multi-line text

Text("Centered").multilineTextAlignment(.center) // center aligned

---

🔹 Advanced Containers & Features

41. TabView – tab bar navigation

TabView {
   Text("Home").tabItem { Label("Home", systemImage: "house") }
} // tab navigation

42. GeometryReader – access parent size/position

GeometryReader { geo in Text("\(geo.size.width)") } // get layout info

43. LazyVStack – efficient vertical stack (on demand)

ScrollView { LazyVStack { Text("Item") } } // lazy vertical list

44. LazyHStack – efficient horizontal stack

ScrollView(.horizontal) { LazyHStack { Text("Item") } } // lazy horizontal

45. LazyVGrid – vertical grid layout

LazyVGrid(columns: [GridItem(.flexible())]) { Text("Cell") } // grid

46. LazyHGrid – horizontal grid layout

LazyHGrid(rows: [GridItem(.flexible())]) { Text("Cell") } // horizontal grid

47. Map (via MapKit) – show a map

Map(coordinateRegion: .constant(MKCoordinateRegion())) // map view

48. VideoPlayer – play video content

VideoPlayer(player: AVPlayer(url: URL(string:"video.mp4")!)) // video player

49. WebView (custom) – embed a web page

// Custom wrapper required for WKWebView

50. Alert / Sheet – pop-up alerts or modal sheets

.alert("Title", isPresented: .constant(true)) { Button("OK", role:.cancel){} } // alert popup

---