【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
相关推荐
LawrenceLan6 小时前
Flutter 零基础入门(九):构造函数、命名构造函数与 this 关键字
开发语言·flutter·dart
一豆羹7 小时前
macOS 环境下 ADB 无线调试连接失败、Protocol Fault 及端口占用的深度排查
flutter
行者967 小时前
OpenHarmony上Flutter粒子效果组件的深度适配与实践
flutter·交互·harmonyos·鸿蒙
栗子叶7 小时前
IP协议 地址划分&MAC地址作用&ip addr命令
网络·tcp/ip·macos
行者9610 小时前
Flutter与OpenHarmony深度集成:数据导出组件的实战优化与性能提升
flutter·harmonyos·鸿蒙
小雨下雨的雨10 小时前
Flutter 框架跨平台鸿蒙开发 —— Row & Column 布局之轴线控制艺术
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨10 小时前
Flutter 框架跨平台鸿蒙开发 —— Center 控件之完美居中之道
flutter·ui·华为·harmonyos·鸿蒙
draking11 小时前
Anthropic 封杀当天,我把 OpenCode 升到 1.1.11,踩了 5 个坑
macos·ai编程
小雨下雨的雨11 小时前
Flutter 框架跨平台鸿蒙开发 —— Icon 控件之图标交互美学
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨11 小时前
Flutter 框架跨平台鸿蒙开发 —— Placeholder 控件之布局雏形美学
flutter·ui·华为·harmonyos·鸿蒙系统