精华内容
参与话题
问答
  • Flutter开发

    2020-06-13 16:40:08
    最近用flutter开发,发现超快。

    最近用flutter开发,发现超快。

    展开全文
  • flutter开发

    2018-05-18 14:53:59
    撸代码 ...flutter是一个跨平台的移动开发框架,使用Dart语言,他的目的时创建一个高性能,高稳定性,高帧率,低延迟的安卓和ios移动应用。并且有原生的应用一样的体验。 核心 其中框架有函数...

    撸代码

    flutter环境和运行环境搭建好后就可以快乐撸代码了,对于学过面向对象java的菜鸟的我,都非常简单的。官方文档说不需要Dart语言和移动端编程经验,只需要有面向对象编程即可

    flutter简介

    flutter是一个跨平台的移动开发框架,使用Dart语言,他的目的时创建一个高性能,高稳定性,高帧率,低延迟的安卓和ios移动应用。并且有原生的应用一样的体验。

    核心

    其中框架有函数式响应、2D引擎渲染、直接可用的Widget库和各种开发工具。
    Widget是每个Flutter应用的基础。mvc框架的原理是三层view,controller,Layou分开定义不一样,它是一致的
    一个小部件可以定义为

    • 一个结构性的元素。例如按钮或者菜单
    • 一个元素的风格。例如字体和颜色
    • 制定布局属性。例如padding内边距
    • 也可以包含业务逻辑
    • 以及其他
      最后widget是经过组合使用的。每个小部件嵌在父类中,并且继承了父类的属性。并没有单独的application
      组合大于继承的
      例如控件中的Container容器小部件,他就是由以下几个widget组成

    • LimitedBox ConstrainedBox

    • Align
    • padding
    • DecoratedBox
    • Transform

    Container 源码

    Widget build(BuildContext context) {
    Widget current = child;
    if (child == null && (constraints == null || !constraints.isTight)) {
      current = new LimitedBox(
        maxWidth: 0.0,
        maxHeight: 0.0,
        child: new ConstrainedBox(constraints: const BoxConstraints.expand())
      );
    }
    
    if (alignment != null)
      current = new Align(alignment: alignment, child: current);
    
    final EdgeInsetsGeometry effectivePadding = _paddingIncludingDecoration;
    if (effectivePadding != null)
      current = new Padding(padding: effectivePadding, child: current);
    
    if (decoration != null)
      current = new DecoratedBox(decoration: decoration, child: current);
    
    if (foregroundDecoration != null) {
      current = new DecoratedBox(
        decoration: foregroundDecoration,
        position: DecorationPosition.foreground,
        child: current
      );
    }
    
    if (constraints != null)
      current = new ConstrainedBox(constraints: constraints, child: current);
    
    if (margin != null)
      current = new Padding(padding: margin, child: current);
    
    if (transform != null)
      current = new Transform(transform: transform, child: current);
    
    return current;
    }
    

    当然还有其他的控件,只学到这,慢慢补充

    展开全文
  • 搭建Flutter开发环境的文档。我使用的是Mac开发,环境搭建相对简单些。 https://book.flutterchina.club/chapter1/install_flutter.html 入门: 在macOS上搭建Flutter开发环境 ... ......

    回首demo。之前的工程突然,无法iOS上运行了。重装了最新的Xcode。然后VS Code 终端运行 flutter packages
    get 再打开Xcode 设置开发证书。再在iOS真机或者模拟器运行即可。

    搭建Flutter开发环境的文档。我使用的是Mac开发,环境搭建相对简单些。
    https://book.flutterchina.club/chapter1/install_flutter.html

    入门: 在macOS上搭建Flutter开发环境
    https://flutterchina.club/get-started/install/

    在这里插入图片描述

    在macOS上搭建Flutter开发环境

    目录
    一、安装Flutter SDK
    二、下载安装VS Code
    三、下载安装最新的Xcode
    四、下载安装Android Studio

    一、安装Flutter SDK

    1. 下载Flutter SDK
      https://flutter.dev/docs/get-started/install/macos#
      下载的flutter
      在这里插入图片描述
    2. 解压安装包到你想安装的目录 (我的是桌面上的Flutter_SDK文件夹)

    a:可以直接把解压好的flutter 文件夹直接copy 到Flutter_SDK中

    b:终端解压

    $:cd /Users/Desktop/Flutter_SDK
    $:unzip /Users/xxxx/Downloads/flutter.zip
    
    1. 配置环境变量
    2. 逐个执行
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH="$PATH:`pwd`/flutter/bin"
    

    此代码只能暂时针对当前命令行窗口设置PATH环境变量,要想永久将Flutter添加到PATH中请参考下面 更新环境变量 部分。

    注意:命令验证目录是否在已经在PATH中:echo $PATH

    1. flutter precache (可选的操作,预下载一些依赖)
      在这里插入图片描述

    2. 检查Flutter环境

    flutter doctor
    

    在这里插入图片描述

    如果有[!] ✗ 标志,表示本次检测不通过,需要做一些设置或者安装一些软件。 根据提示执行命令即可! VSCode需要安装Fullter插件和Dart插件。

    根据 有[!] ✗ 标志 的一个一个去修复即可。
    Xcode环境:首先更新Mac OS 和 Xcode 为最新。
    Visual Studio Code (VS Code) 安装
    Android Studio 环境:下载安装

    二、下载安装VS Code

    VS Code 官网下载后安装
    https://code.visualstudio.com/docs/?dv=osx

    安装后,flutter doctor 提示 没有安装Flutter extension

    [!] VS Code (version 1.35.1)
        ✗ Flutter extension not installed; install from
          https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
    

    打开地址去给VS Code 安装Flutter extension
    https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter

    在这里插入图片描述
    安装后Restart VS Code

    VS Code 安装Flutter插件步骤:
    1、启动 VS Code
    2、调用 View>Command Palette…
    3、输入 install, 然后选择 Extensions: Install Extension
    4、在搜索框输入 flutter, 在搜索结果列表中选择 Flutter, 然后点击 Install即可
    5、重新启动 VS Code

    三、下载安装最新的Xcode

    首先更新Mac OS 和 Xcode 为最新之后,终端依次执行下命令。

    brew update
    brew install --HEAD usbmuxd
    brew link usbmuxd
    brew install --HEAD libimobiledevice
    brew install ideviceinstaller
    

    然后在flutter doctor 发现Xcode 环境OK了。

    在这里插入图片描述

    四、下载安装Android Studio

    4.1  AndroidStudio下载地址:
    

    如果不能翻墙建议使用以下地址下载:http://www.android-studio.org
    官方地址:http://developer.android.com/intl/zh-cn/sdk/index.html

    4.2  安装:
    

    在这里插入图片描述
    上面弹框时,先选择cancle。然后一路默认,即可完成安装。

    4.3 安装Flutter和Dart插件
    
    需要安装两个插件:
    
    Flutter插件: 支持Flutter开发工作流 (运行、调试、热重载等)。
    Dart插件: 提供代码分析 (输入代码时进行验证、代码补全等)。
    
    安装步骤:
    
    启动Android Studio。
    打开插件首选项 (macOS:Preferences>Plugins)。
    选择 Browse repositories…,选择 flutter 插件并点击 install。
    重启Android Studio后插件生效。
    

    flutter doctor 验证时Android licenses没有接受协议

    [!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
        ✗ Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
    
    $:doctor --android-licenses 即可
    

    综述:

    1. 下载安装了Flutter
    2. 更新了MacOS 和 Xcode
    3. 下载安装 Android Studio 以及 Flutter、Dart插件
    4. 下载安装 VS Code 以及 Flutter插件

    flutter doctor 验证一下Flutter 相关依赖是否都通过了。
    在这里插入图片描述

    只有一个提示【!】CocoaPods out of date(1.5.0 is recommended)
    我的CocoaPods是1.2.0,由于开发原因暂时不能升级。

    升级执行

    To upgrade:
            brew upgrade cocoapods
            pod setup
    

    这样我们的Flutter 开发环境就全部搭建好了。

    补充:永久将Flutter添加到PATH中

    5.1 在终端输入命令,进入用户目录      
    

    $ cd ~

      5.2 输入命令,创建.bash_profile文件(如果有则不用创建)
    

    $ touch .bash_profile

     5.3 输入命令,打开刚才创建的文件
    

    $ open -e .bash_profile

     2.4 在文件中,加入1行指令(: 后面是flutter的SDK路径,根据自己flutter的路径更改)
    
    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cnexport PATH="$PATH:/Users/suning/Flutter_SDK/flutter/bin"
    
     2.5 保存.bash_profile文件,立即刷新当前窗口
    

    $ source $HOME/.bash_profile

    5.6 通过运行以下命令,验证flutter/bin目录现在在您的路径中:
    

    $ echo $PATH

    这样就可以在任何路径下执行 flutter 命令了。

    总结

    这里是第三篇Flutter的文章,主要是完成搭建Flutter的开发环境。为下一步正式使用开发工具建立工程demo做准备。

    展开全文
  • flutter开发 由Google创建的Flutter Development是一个开源的移动应用程序开发SDK。 Flutter Development曾经用于为IOS和Android开发应用程序,同时还是为Google Fuchsia创建应用程序的主要方法。 Flutter使构建...

    flutter开发

    由Google创建的Flutter Development是一个开源的移动应用程序开发SDK。 Flutter Development曾经用于为IOS和Android开发应用程序,同时还是为Google Fuchsia创建应用程序的主要方法。

    Flutter使构建精美的移动应用程序变得轻松快捷。

    Flutter开发正成为构建精美的本机应用程序的首选。 Google一直是最令人印象深刻的搜索引擎之一,时不时有许多高级开发作品。 Google的免费开放源代码移动应用程序SDK可以在创纪录的120 FPS时间内在跨平台上制作高质量的本机界面,这是Google刚刚推出的可靠的移动UI框架的最佳示例。

    快速发展:

    热刷新(以毫秒为单位)使您的应用程序栩栩如生。 利用可完全调整的小工具的丰富排列,在数分钟内制造出本地接口。

    灵活的用户界面:

    它着重于本机最终使用经验。 它允许使用分层架构进行完全自定义。 它的开发速度非常快,可以经历亚秒级的重新加载时间,而不会丢失状态。

    为什么Flutter的本机应用程序开发引起了我们的注意
    • Flutter框架超越了iOS和Android双重功能
    • Flutter架构经过广泛设计,可以为经验丰富的和新兴的移动开发人员提供支持
    • Flutter具有React Native样式视图架构,可消除性能瓶颈
    • 快速且可定制的开发,热装毫秒
    • 分层体系结构可实现异常快速的渲染和富有表现力的设计以及灵活的设计
    • 富有表现力的小部件集。

    由于Flutter随附了快速自定义的小部件集,可在数分钟内构建本机应用程序。 Flutter整合了所有本机性能功能,包括导航,滚动,图标和字体。 Flutter的优点在于,由于不需要在Flutter中拥有完整的应用程序,因此它使您可以使用应用程序的现有部分。

    Flutter开发的好处:
    您可以快速开发Android应用。
    不用担心手动更新用户界面的内容,因为它使用了React框架。
    您可以开发IOS和Android,同时允许应用程序开发服务。

    获取全方位的Flutter应用程序开发服务,以在几分钟内构建漂亮的跨平台应用程序: https//www.bacancytechnology.com/flutter-app-development

    翻译自: https://hackernoon.com/flutter-development-new-path-for-mobile-development-bcd8f9485155

    flutter开发

    展开全文
  • 使用Flutter开发的一个demo,对于纯flutter的开发,我更倾向于使用flutter与原生混合使用的方式(目前2018年07月09日来说这种方式对于老项目,硬件相关的项目友好)。
  • flutter开发: Mac 上搭建flutter开发环境

    千次阅读 2020-03-27 12:56:21
    在苹果Mac环境下配置,flutter开发环境遇到很多问题记录 第一步 首先在Mac终端查看有没有安装,Homebrew 如果在终端执行 brew, 显示如下 -bash: brew: command not found,即Mac没有带Homebrew 如果...
  • Flutter开发之插件入门

    千人学习 2019-04-04 07:28:57
    Flutter开发之插件入门到精通(实战)   https://edu.csdn.net/course/detail/23390 作者简介 捷智云视频会议系统联合创始人,国内首本Flutter出版书籍作者,著有《Flutter技术入门与实战...
  • 本文先介绍一下现有工程如何集成 Flutter 实现混合开发,以及混合项目如何打包,再探索下如何降低原生和 Flutter 之间的依赖,使 Flutter 开发对原生开发的影响尽量降低,以及一些我在尝试中遇到的问题及解决。...
  • 搭建基于Visual Studio Code(VsCode)的Flutter开发环境. 目标用户: Flutter初学者 操作步骤 一、下载并安装Visual Studio Code https://code.visualstudio.com/Download 预计耗时:3分钟(按照500k/秒下载速度估计) ...
  • Flutter 开发人人影视客户端
  • 利用Flutter开发TodoList指南
  • Flutter 开发环境搭建III . Android Studio 环境安装 Flutter / Dart 插件IV . 下载 Flutter SDKV . 设置 Flutter 网络镜像 ( 中国国内推荐设置 )VI . 设置 Flutter 环境变量 ( 在系统变量中配置 )VII . Flutter ...
  • 史上最全flutter开发介绍,flutter开发入门教程,flutter开发入门与实战教程 flutter开发环境搭建全说明,flutter开发示例和DEMO教程,50多页ppt详细讲解。
  • I . Flutter 学习资料 Flutter 学习资料 : ① 官方文档 : https://flutter.dev/docs ...Flutter 开发环境搭建 : ① Android Studio : https://developer.android.google.cn/studio , 要求 3.0 以上版本
  • flutter开发插件,flutter和dart基于windows版本androidstudio,其中flutter SDK下载链接:https://flutter.dev/docs/development/tools/sdk/archive?tab=windows
  • flutter开发桌面应用Well, if you’ve already clicked on the link, there’s no need to tell you what Flutter is and why the hype around this framework is skyrocketing. Yet, if you lack knowledge or want...
  • 下面继续了解Flutter的起源、Flutter和其他平台的对比、Flutter开发语言Dart。 1.Flutter的起源 https://book.flutterchina.club 2.Flutter简介 https://book.flutterchina.club/chapter1/mobile_deve...
  • Flutter开发环境的搭建比较烦琐,任何一个步骤失败都会导致最终环境搭建不能完成。Flutter支持三种环境:Windows、MacOS和Linux。这里我们主要讲解Windows及MacOS的环境搭建。 1.2.1 Windows环境搭建 1.使用镜像 ...
  • 安装Flutter ...搭建Flutter开发环境 由于Flutter会同时构建Android和IOS两个平台的发布包,所以Flutter同时依赖Android SDK和iOS SDK,在安装Flutter时也需要安装响应平台的构建工具和SDK。下面我们...
  • flutter 开发总结

    2020-05-20 20:55:25
    flutter 开发总结 为什么选择flutter? 作为一个前端开发工程师,怎么能少得了APP端,那就开始吧!一开始我认为react-native可能会是个不错的选择,于是兴冲冲的本地搭建环境,但是最后没成,为什么呢?其实react-...
  • Flutter开发环境搭建和调试

    千次阅读 2019-03-10 23:52:56
    Flutter开发环境搭建和调试开发环境的搭建1. 下载Flutter SDK2. 配置环境变量3.安装Visual Studio Code所需插件4.创建Flutter项目模拟器的安装与调试 Flutter开发工具很多,有很多支持Flutter开发的IDE。比如...
  • 使用Flutter开发的工作看板App
  • Flutter开发环境搭建

    2020-06-27 18:16:03
    Flutter开发环境搭建 前言 参考链接:https://flutterchina.club/ Windows系统下Flutter开发环境搭建 使用镜像 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,可以将如下环境...
  • 使用flutter开发的俄罗斯方块游戏.zip,a tetris game powered by flutter. 使用flutter开发俄罗斯方块。
  • Flutter开发之基础知识

    2019-07-25 17:57:20
    作为时下最留下的大前端跨平台开发框架,很多的公司和同学都开始了Flutter学习和应用,关于Flutter的基础知识,可以参考...在Flutter开发中,创建一个Flutter 项目通常有以下两种方式: 使用flutter create命令,...
  • Flutter:在macOS上搭建Flutter开发环境 文章目录Flutter:在macOS上搭建Flutter开发环境@[toc]系统配置要求获取 Flutter SDK运行 flutter doctor 命令平台配置设置iOS开发环境安装Xcode配置iOS模拟器创建并运行一个...

空空如也

1 2 3 4 5 ... 20
收藏数 9,370
精华内容 3,748
关键字:

flutter开发