【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
相关推荐
灰灰勇闯IT1 小时前
Flutter for OpenHarmony:图标与 Asset 资源管理 —— 构建高性能、可维护的视觉资源体系
flutter
0wioiw02 小时前
Onesignal(Xcode)
ide·macos·xcode
子春一2 小时前
Flutter for OpenHarmony:构建一个 Flutter 记忆翻牌游戏,深入解析状态管理、动画交互与经典配对逻辑
flutter·游戏·交互
2601_949847754 小时前
Flutter for OpenHarmony音乐播放器App实战13:歌手列表实现
flutter
雨季6664 小时前
破界与共生:HarmonyOS原生应用生态全景图谱与PC时代三重变局
flutter·华为·harmonyos
哈基米~南北绿豆4 小时前
虚拟机体验:在Windows/Mac上运行鸿蒙PC开发环境
windows·macos·harmonyos
西西学代码5 小时前
Flutter---电流电压横向滑动折线图
flutter
2601_949809595 小时前
flutter_for_openharmony家庭相册app实战+通知设置实现
android·javascript·flutter
mocoding7 小时前
使用鸿蒙化Flutter图片选择、相机拍照、多图选择三方库image_picker实战教程示例
flutter·前端框架·harmonyos·鸿蒙
一起养小猫8 小时前
Flutter for OpenHarmony 实战:电子英汉词典完整开发指南
flutter·harmonyos