- 综合排序
- 最热优先
- 最新优先
- 来自专栏学习/读书笔记
《Flutter》-- 4.Flutter组件基础
参阅书籍： 《Flutter跨平台开发入门与实践》-- 向治洪（著） 4. Flutter组件基础 4.1 Widget组件基础 Flutter开发中有一个非常重要的理念，即一切皆为组件。 4）theme：定义应用主题。 5）theme.primarySwatch：应用的主题色。 6）theme.primaryColor：单独设置导航栏的背景色。 4）flexibleSpace：位于标题下面的空白空间。 5）bottom：位于导航栏底部的自定义组件。 6）elevation：控制下方阴影栏的坐标。 4）drawer：设置抽屉效果。 5）floatingActionButton：设置位于右下角的按钮。 ) ] ), transform: Matrix4.rotationZ(.2), alignment
14.5K30编辑于 2022-04-07 - 来自专栏各类技术文章~
Flutter安装
“Flutter”的文件夹，接下来就是安装路径了 因为Flutter的SDK中包含了很多命令行工具。 source ~/.zshrc 复制代码 2、安装Android Studio 2.1、去官网下载 2.2、配置SDK command + ,可以进入偏好设置 2.3、安装AS插件 插件库下载Flutter ，安装中顺带安装Dart 2.4、解决许可证问题 $ flutter doctor --android-licenses 2.5、flutter doctor检测flutter环境是否通过 $ flutter ，卡在这句： Running Gradle task 'assembleDebug' 复制代码 解决方案：修改项目下的build.gradle文件和flutter 安装目录中的 flutter.gradle java 环境, 如果没有请先安装, 如果已经安装了, 还报如下错误, 很大可能是 Android Studio 和 flutter 版本不匹配问题
1.4K00发布于 2021-10-25 - 来自专栏码生
flutter dart 安装
Flutter 安装 将 flutter 克隆到本地任意路径 git clone -b beta https://github.com/flutter/flutter.git 或者 https://github.com /flutter/flutter.git直接下载也可以 将文件放到你认为合适的路径下 不过一般都是在 /usr/local/ 下面，直接拷贝到此路径（ /usr/local/ ）下 然后指定 flutter 的执行路径 cd ~/ vim .bash_profile 添加以下代码 # flutter export PATH=/usr/local/flutter/bin:$PATH 然后 source .bash_profile 安装完毕 Dart 安装 brew tap dart-lang/dart brew install dart Dart WebStorm 路径配置 Dart SDK Path: /usr/local
88930发布于 2018-11-21 - 来自专栏小黑娃Henry
Flutter(一)--Flutter安装遇到的问题汇总Flutter(一)--Flutter安装遇到的问题汇总
1，下载git clone https://github.com/flutter/flutter.git 2，flutter doctor ---- 问题：-bash: fultter: command =https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn source ~/.bashrc 最后重新打开iterm 4，iOS相关配置 问题1：Verify that all connected devices have been paired with this computer in Xcode export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 5，android配置 问题1： ✗ Flutter plugin not 解决： 在plugin中搜索flutter并安装。关闭后重新打开android studio即可。 可以看得出自己人有多好说话。。。
1.2K10发布于 2021-08-09 - 来自专栏coding...
跨平台移动开发 Flutter 初体验安装flutter安装VSCode新建Flutter工程Tips
image 安装flutter 官网flutter.io 当然跟着我做也一样 安装sdk 打开 Terminal 先cd到你需要安装的目录下， 我这里直接在 ~ 个人目录下 一次执行下面几条命令 git image 按照他的提示把缺少的内容安装一下，我这里就主要安装iOS相关的几样东西先 brew install --HEAD libimobiledevice brew install ideviceinstaller image 安装flutter插件 打开vscode 按快捷键 cmd + shift + p 或者 菜单栏选择 view - command palette 输入 install 选择插件安装 ? image 先安装 flutter 的语言包 dart ? image 接下来继续安装 flutter 插件 ? image 手动导入下 （我是安装在 ~目录下直接选择flutter目录就可以） 输入新建的工程名,选择存放路径 这时候就会自动生成相关工程文件 这是模板工程，选择模拟器就能直接跑了 先打开模拟器 open
1.8K30发布于 2018-08-23 - 来自专栏踏浪的文章
Flutter Lesson 4: Flutter组件之App布局组件
首先来看一下我怎么来学习Flutter，我要了解每一个组件，同时，这又是一个App，所以，我的目标是直接生产一个App，里面就是对Flutter组件的介绍，同时写上一些demo以及源代码，这一个点子源于 } } MaterialApp MaterialApp是Google给我们封装好的一个UI库，如果要是有MaterialApp，我们需要在Dart文件的开头引用 import 'package:flutter home:Scaffold( //创建一个Bar，并添加文本 appBar:AppBar( title:Text('Welcome to Flutter 需要注意的是，在Flutter中，少数Widget才可以设置padding和margin，大部分Widget是不行的，所以如果要设置这些属性，我们需要使用Container进行包裹。 是一个简单的列表组件，Flutter中还包含了其余的多种列表组件，这些以后再介绍。
2.2K50发布于 2019-07-31 - 来自专栏个人路线
linux 环境安装Flutter
linux 环境安装Flutter 手动安装 Flutter 如果你没有 snapd，或者你无法使用它，那么你可以通过以下步骤安装 Flutter。 通过下载下面的安装包以获得最新 stable release 版本的 Flutter SDK： flutter_linux_2.5.2-stable.tar.xz 对于其他发布频道以及更久的构建版本，请查看 将文件解压到合适的地方，例如： $ cd ~/development $ tar xf ~/Downloads/flutter_linux_2.5.2-stable.tar.xz 如果你不想安装安装包的补丁 你现在可以运行 Flutter 命令了！ 提示 要更新已有 Flutter版本，请参阅升级你的 Flutter。 运行 flutter doctor 运行以下命令以查看是否还有缺失的依赖需要安装，你需要安装这些依赖以完成设置（要看到详细输出，请添加 -v 标识）： $ flutter doctor 文中链接 更新您的路径
2K10发布于 2021-11-30 - 来自专栏program
Flutter技术与实战(4)
, radius * 3, radius, true, getColoredPaint(Colors.red)); canvas.drawArc(boundingRect, radius * 4, 它们都会被打包到 App 安装包中，而 App 中的代码可以在运行时访问这些资源。 在依赖包中的 pubspec.yaml 文件已经声明了同样资源的情况下，为节省应用程序安装包大小，我们需要复用依赖包中的资源。 ); AssetImage('assets/placeholder.png', package: 'package4'); 举例 在 Flutter 中，提供了表达日期的数据结构DateTime，这个类拥有极大的表示范围 dependencies: date_format: 1.0.6 随后，IDE（Android Studio）监测到了配置文件的改动，提醒我们进行安装包依赖更新。
12.4K20编辑于 2022-06-29 - 来自专栏技术人生
flutter组件4【视频播放】
import 'package:flutter/material.dart'; import 'package:chewie/chewie.dart'; import 'package:flutterappqingyuewen VideoDetail extends StatefulWidget { //https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4 videoPlayerController = VideoPlayerController.network('https://nico-android-apk.oss-cn-beijing.aliyuncs.com/landscape.mp4'
60520发布于 2020-11-13 - 来自专栏个人路线
macOS 环境安装Flutter
macOS 环境安装Flutter macOS 的系统要求 要在 macOS 系统上安装和运行 Flutter，您首先需要满足您的开发环境的这些要求。 配置 flutter 的 PATH 环境变量： $ export PATH="$PATH:`pwd`/flutter/bin" 第 4 步接下来，使用以下命令在当前终端窗口中启用更新的路径，然后也进行验证 此命令检查 Flutter 应用程序开发的所有要求，并显示 Flutter 安装状态报告。 步骤 7如果 Flutter doctor 工具报告，请安装最新的 Xcode 工具。 第八步安装最新的Android Studio和SDK，如果Flutter Doctor工具报告了。 第 11 步现在，安装 Flutter 和 Dart 插件以在 Android Studio 中构建 Flutter 应用程序。
1.3K10发布于 2021-11-30 - 来自专栏技术人生
flutter安装遇到报错 Error: The Flutter directory is not a clone of the GitHub project【flutter】
1.原因 问题是flutter目录下缺少 .git 目录 2.解决办法 2.1手动生成，已经处理成功 在flutter根目录下手动创建一个 .git 文件夹 再次执行 flutter doctor， 开始安装 安装过程中可能遇到报错 Error: Unable to 'pub upgrade' flutter tool 此时，只需在环境变量 -> 用户变量中添加下面两个变量 下图的环境变量配置可以在官网查询 2.2其他文章好多说这个方法，但是由于github访问限制的一些问题，不尽如人意 这种方式尝试几次后放弃了 把刚刚下载的Flutter安装包删掉，重新在想要安装的目录下运行git clone -b beta https://github.com/flutter/flutter.git 2.3如果报错 此时不应有 \flutter\bin\cache 一般是因为目录权限问题，将项目安装都一个普通目录即可。
3.7K20发布于 2020-11-13 - 来自专栏用户1175783的专栏
# 安装go flutter desktop
除了Flutter Desktop Embedding外还有一个go flutter desktop可以使用flutter开发桌面应用 Flutter Desktop Embedding 对比 go flutter desktop # 安装go flutter desktop 官方安装文档在此： https://github.com/go-flutter-desktop/hover windows安装注意事项 TDM-GCC要安装64 GO111MODULE首先设置为on，然后安装hover：go get -u github.com/go-flutter-desktop/hover 这样做的是为了防止下载go 官方包失败 安装完成hover后将GO111MODULE修改为auto，这是因为接下来执行hover init需要的 hover要求使用flutter channel beta的发行版本 # 配置go flutter desktop的Debug环境 go flutter desktop模式是不支持与vscode集成debug的，不过可以通过修改配置让vscode支持。
3.2K20发布于 2019-12-12 - 来自专栏iOS 备忘录
Flutter环境安装 && 运行
Flutter环境安装 && 运行 背景 Flutter环境配置到运行，问题备忘记录。 --more--> Flutter安装 Flutter环境搭建 首先下载Flutter安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases doctor`，即可判断flutter是否安装好。 VSCode，打开VSCode的插件界面，搜索Flutter，安装即可。 创建项目 使用VSCode创建Flutter项目，打开VSCode（记得安装Flutter插件），同时按CMD+Shift+P，唤起快捷命令，输入Flutter，选择Flutter: New Applicaiton
1.8K20发布于 2021-07-16 - 来自专栏个人路线
Windows环境安装Flutter
Windows环境安装Flutter Windows 系统要求 要在 Windows 系统上安装和运行 Flutter，您首先需要满足您的开发环境的这些要求。 开发工具包 适用于 Windows 的 Flutter SDK 集成开发环境 Android Studio（官方），Vscode 安装 Flutter SDK 第一步下载Flutter Software 第 4 步要在常规 Windows 控制台中运行 Flutter 命令，您需要更新系统路径以包含 flutter bin 目录。 此命令检查 Flutter 应用程序开发的所有要求，并显示 Flutter 安装状态报告。 第 6 步当您运行上述命令时，它将分析系统并显示其报告，如下图所示。 在这里，您将找到运行 Flutter 所需的所有缺失工具的详细信息，以及可用但未与设备连接的开发工具。 下一节教大家安装android studio和vscode
1.2K10发布于 2021-11-30 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 )
文章目录 一、Flutter 包和插件管理平台 二、Flutter 插件搜索示例 三、Flutter 插件装示例 1、添加 Dart 包依赖 2、获取 Dart 包 3、使用 Dart 包 4、官方的导入插件说明 会有 使用说明 ( Readme ) , 更新日志 ( Changelog ) , 示例 ( Example ) , 安装方法 ( Instanlling ) , 版本 ( Versions ) , 评分 ( Scores ) 等选项卡 , 这里我们只关心如何使用即可 ; 三、Flutter 插件装示例 Dart 包安装 : 所有的 Dart 包安装方式都一样 , 分三个步骤 : ① 添加依赖 , ② 安装 , ③ 代码中导入使用 ; 1、添加 Dart 包依赖 添加包依赖 : 打开 Flutter 项目根目录下的 pubspec.yaml 配置文件 , dependencies: flutter '; 4、官方的导入插件说明 官方的导入插件说明 : 四、Flutter 插件使用 该插件支持将字符串颜色如 “#FFFFFF” 或 “#FFFFFF” 解析成 Flutter 中的 Color 颜色对象
3.6K00编辑于 2023-03-28 - 来自专栏个人路线
flutter的安装与配置
在安装之前和大家罗嗦几句， 什么是flutter Flutter是一个开源软件开发工具包 (SDK)，用于“帮助开发者通过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台”。 只需引入Flutter就可以解决，这就是 Flutter 的用武之地。 2021年3月4日，谷歌正式发布了 Flutter 的 2.0。 目前flutter版本已经已经2.5.3 image-20211020192303070 但在此之前，第一步是安装 Flutter SDK 并熟悉您的 IDE，以便您可以充分利用它。 安装 官方网站上提供了完整的安装说明： 安装flutter 安装flutter中文网地址 如果您想在 Android 和 iOS 上构建 Flutter 应用程序，您需要安装相应的 SDK，以及 Android doctor 安装完所有内容后（不要忘记在Windows或MacOS上配置系统路径！）
2.5K20发布于 2021-11-30 - 来自专栏前端技匠
flutter的mac安装教程
“虽然官网上已经有很详细的教程了，但是作为一名没有开发过客户端，刚买mac不到一年的人来说还是有很多不是很明白的地方，本次教程就是准对完全没有经验的小白的安装教程 下载 Flutter SDK 地址：https sdk 的 path 已经彻底配置好了，不熟悉这套设置的还是挺麻烦的 执行检查 在终端运行检查命令，你会发现你除了 Flutter SDK 以外都是 [X]，说明你电脑还没有安装这些功能 ? licenses 会发现有黄色警告，没有安装安卓证书。 flutter doctor --android-licenses ? ok 这时候已经没有问题了，安卓 sdk 已经安装完毕 安装 andriod studio 接下来我们需要下载一个编译器，我选择的是 andriod studio，官网上有教程 https://flutterchina.club manager 找到 plugins，搜索 flutter/dart 并安装即可 ? plugins 下载模拟器 在 devices 按钮下选择你要使用的模拟器 ?
9.4K21发布于 2020-03-19 - 来自专栏韩曙亮的移动开发专栏
【Flutter】Flutter 拍照示例 ( 创建应用 | 安装 image_picker 插件 )
文章目录 一、Flutter 创建新应用 二、安装 image_picker 插件 三、相关资源 一、Flutter 创建新应用 ---- 创建 Flutter 应用 , 选择 菜单栏 / File / 路径 , 继续点击 " Next " 按钮 ; 设置包名 ; 二、安装 image_picker 插件 ---- 搜索并安装 Flutter 插件参考 【Flutter】Flutter 项目中使用 Flutter 插件 ( Flutter 插件管理平台 | 搜索 Flutter 插件 | 安装 Flutter 插件 | 使用 Flutter 插件 ) 博客 ; 到 Flutter 插件管理平台 官网 : https://flutter.dev/ Flutter 插件下载地址 : https://pub.dev/packages Flutter 开发文档 : https://flutter.cn /docs ( 强烈推荐 ) 官方 GitHub 地址 : https://github.com/flutter Flutter 中文社区 : https://flutter.cn/ Flutter 实用教程
1.3K31编辑于 2023-03-29 - 来自专栏iOS开发～
Flutter_Mac环境安装+运行
需要安装Xcode、Android Studio、Flutter Xcode：AppStore 安装即可 Android Studio： 官网下载 Flutter 打开terminal 克隆Flutter 项目：git clone -b beta https://github.com/flutter/flutter.git 导出到Flutter保存路径：export PATH=pwd/flutter/bin /flutter 检查Flutter环境：flutter doctor（这里有报错就按提示运行操作就行，没报错了，说明环境OK） Create 创建项目：flutter create XXXX 进入项目文件夹 ：cd XXXX 运行：flutter run （会下载一堆tools） Run 查看支持运行的虚拟机：flutter emulator 启动iOS虚拟机：flutter emulators --launch (可以看到deviceID)(虚拟机得启动起来才能看得到哦) 通过deviceId指定设备运行： flutter run -d 47F96679-E23E-4FB0-9161-9DC7B4F076BA
78610编辑于 2022-07-20 - 来自专栏用砖头敲代码
Windows 安装 Flutter 踩坑合集
前言按照 w3scool(编程狮) 的教程安装 Flutter 踩了不少坑，在这罗列一下安装环境Windows 10 /11Chrome (要装不装会报错)Android Studio (先装好的会报错 )找不到 Android SDK 路径进入 Flutter Console 之后只需要手动配置Android SDK 路径即可flutter config --android-sdk "安装路径"NO_PROXY
26210编辑于 2024-08-30
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号