【Flutter】flutter安装并在Xcode上应用

flutter安装

  1. 安装Homebrew(如果尚未安装)

    复制代码
     	/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  2. 使用Homebrew安装Flutter

    复制代码
     brew install --cask flutter
  3. 配置环境变量

    复制代码
     # 打开或创建bash配置文件
     nano ~/.bash_profile
     # 或者对于zsh用户:
     nano ~/.zshrc
     # 添加路径
     export PATH="$PATH:$HOME/flutter/bin"
     # 配置文件生效
     source ~/.zshrc
     # 或者 source ~/.bash_profile
  4. 运行Flutter Doctor检查环境

    复制代码
     flutter doctor

    4.1 Xcode未配置

  5. 创建第一个Flutter应用

    复制代码
     # 切换到想要创建项目的目录
     cd ~/Development
     
     # 创建新的Flutter项目
     flutter create my_first_app
     
     # 进入项目目录
     cd my_first_app
  6. 运行程序

    6.1 在iOS模拟器中运行

    复制代码
     # 启动iOS模拟器
     open -a Simulator
     # 运行应用
     flutter run

    6.2 在真机上运行

    用USB线连接iPhone

    在iPhone上信任电脑

    运行:flutter run

  7. 升级Flutter和依赖

    bash 复制代码
    # 升级Flutter到最新稳定版
    flutter upgrade
    
    # 清理并重新获取
    flutter clean
    flutter pub get

Xcode上编辑项目

  1. 项目结构说明
text 复制代码
	my_first_app/
	├── lib/
	│   └── main.dart          # 主要Dart代码
	├── ios/                   # iOS特定文件
	│   ├── Runner/
	│   ├── Runner.xcworkspace
	│   └── Podfile
	├── android/               # Android特定文件
	├── pubspec.yaml          # 项目依赖配置
	└── test/                 # 测试文件
  1. 使用Xcode打开项目

    复制代码
     # 打开iOS目录
     cd ios
     open Runner.xcworkspace
相关推荐
大龄秃头程序员9 小时前
一次 Flutter 动画 Demo 的整理与复盘
flutter
AlexMaybeBot12 小时前
躺在沙发上开发 Openclaw 的移动端APP
前端·flutter
天空之城--13 小时前
Android Flutter行业动态与学习参考(2026年8月)
android·flutter
FungLeo14 小时前
Flutter Web token 存储陷阱:crypto.subtle 在非安全上下文失效排查实录
前端·安全·flutter
coding4u14 小时前
Mac 外接显示器完全指南:从插上线到调好每个参数
macos·计算机外设·文件管理·显示器·策略模式·quick look扩展
zhyf11914 小时前
(Mac)Homebrew部署Obsidian+Claudian+Excalidraw
macos
chuan.bai14 小时前
Java RAG 实战(第 3 篇):从交互式聊天到多轮上下文
java·人工智能·macos·ai
FungLeo14 小时前
Flutter Web 中文字体困境与渲染器选择:CanvasKit vs HTML renderer 实战
前端·flutter·html
Chennn__15 小时前
开源项目:Recorder — 本地离线 macOS 录音转文字(通用/课堂/雅思,可选 Ollama)
macos
杉氧15 小时前
原生交互:如何在 Flutter 中嵌入 Android/iOS 原生组件并解决手势冲突
android·flutter·dart