上一篇文章介绍了Dart的语法的基本使用,从这篇文章开始,开发一个基于玩Android网站的app.使用的他们开放的api来获取网站数据. 根据网站的结构,我们app最外层框架需要添加一个底部导航栏,导航栏有5给tab,每个tab对应一个页面,分别是首页,项目,公众号,问答,我的等5个模块. 在Android中,如果要实现这样的UI框架,有很多中实现方式,常用的就是一个Activity里面配合多个fragment来实现.但是在Flutter中并没有activity和fragment的组件. Fl

题接上篇的文章的项目,还是那个空货管理app.本篇文章用于讲解基于Flutter的app项目的升级方案. 在我接触Flutter之前,做过一个比较失败的基于DCloud的HTML5+技术的app,做过几个RN项目.在这两种不同机制的app升级方案中,RN采用的是微软的CodePush技术.而那个比较失败的项目采用的是检查版本号,下载安装包的方法.而在这个Flutter项目中,我在写app更新方法时,查资料的时候查到一篇文章,文章大概意思讲解了一下Flutter实行CodePush的可能性.但是,

本文的前提是你已经安装好了VS Code,并且安装了Flutter和Dart扩展插件. 1. 新建Flutter项目 查看——命令面板,或者Ctrl + Shift + P 输入 Flutter: New Project 然后输入项目名称,选择项目路径即可. 然后VS Code会自动打开一个新窗口示例. 2. 编译Flutter项目 调试——启动调试,或者快捷键F5即可编译并且自动部署App. 如果提示选择编译环境,请选择Dart & Flutter. 3.编译下载的别人的项目 在编译别人的项目

如果直接下载了别人的Flutter项目,点击运行基本会不通过的,这是gradle版本差异造成的. 你需要修改android/gradle/wrapper/gradle-wrapper.properties文件中指定的gradle版本和android/build.gradle即可

在Android studio中新建了flutter项目.运行报错licence not accepted. Warning: License for package Android SDK Build-Tools 28.0.3 not accepted. 在控制台运行 flutter doctor 会诊断出: 此时运行: flutter doctor --android-licenses.然后一路yes,就可以了.

什么是flutter Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. flutter具有以下几个优点 快速开发(具有热加载功能,类似于webpack配置的devServer的热加载) 富有表现力,漂亮的用户界面 现代的,响应式框架(State类,通过调用setState,改变对应的值,widget就会重新渲染)

flutter 项目中,开发环境.多接口域名.多分支的配置 开发环境:配置成多个入口文件.比如:main.dart.main_develop.dart.main_preview.dart 多域名:每个api类,写上自己属于的接口域名 多分支: 需要指定分支

1.Vscode 中打开 flutter 项目进行开发 2.运行 Flutter 项目 flutter run r 键:点击后热加载,也就算是重新加载吧. p 键:显示网格,这个可以很好的掌握布局情况,工作中很有用. o 键:切换 android 和 ios 的预览模式. q 键:退出调试预览模式. 3.Vscode 默认连不上第三方模拟器解决方案 cd 到对应夜神模拟器 D:\Program Files\Nox\bin 目录 然后运行 nox_adb.exe connect 127.0.0.1

搭建Flutter之前需要已经安装好相应的Flutter开发环境,如果没安装好相应环境的可以查看在windows系统搭建Flutter开发环境 搭建Flutter项目可以通过命令行搭建,或者通过android studio用可视化方法搭建 先看一下通过Android studio搭建 打开Android studio之后点击 file>new>new flutter project 然后选择第一个next 然后填写项目相关信息next,进入设置包名页面后点击finish即可 搭建好之后打开模拟

不要冒然评价我,你只知道我的名字,却不知道我的故事,你只是听闻我做了什么,却不知我经历过什么. 俗话说得好,产品有三宝,弹窗浮层加引导. 上图截图自我司 App 晓黑板中的口算模块,相信每个 App 开发在工作中都碰到这种场景,为了避免用户对新功能产生困惑,会对一些功能加一些引导操作.在原生开发中,例如 Android 开发中,我们可以使用 NewbieGuide 等开源库来实现.但是很遗憾的是,在 Dart packages 中找了一圈,一无所获. 但是我们还是很快就解决了问题,既然解决不了问

Visual Studio Code 安装: 下载链接:https://code.visualstudio.com/ 下载完成后根据步骤自行安装.     使用vsCode开发flutter项目需要部署开发环境,安装java SDK.flutter SDK.Android SDK,以下是我在部署环境时候遇到的问题,大家可以参考一下.有什么写得不好的地方请大家多多包涵. 1.flutter项目需要依赖java,所以需要安装java Sdk. java安装路径:https://www.oracle.

一.创建一个Flutter工程 1.1 命令行创建 首先我们找一个空目录用来专门存放flutter项目,然后在路径中直接输入cmd: 使用 flutter create <projectname> 命令创建flutter项目: 创建成功: 进入项目根目录中,执行 flutter run 命令运行项目: 接下来把项目拖入VSCode就可以继续编辑flutter代码了 1.2 Android Studio创建 这里其实已经在Flutter入门教程(二)开发环境搭建中已经讲解过了,这里再汇总一下 打

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. Flutter中文网 (有安装和搭建Flutter的教程) https://flutterchina.club 安装 Flutter 和 Dart 插件 启动 Android Studio,搜索 Flutter 插件并单击 install,系统提示您安装 Dart

因为项目的需要 在flutter 中调用安卓的方法 再用安卓的方法去调用c写的so包 方法 如果当前项目下面没有android stduio 自带的logcat  那就利用下面的方法 在安卓代码中引入 import io.flutter.Log; //打印方法 Log.d("————————————————key值", "________内容"); 打印类型 具体点击log 方法查看源码 flutter打印的地方和android 打印的地方不一样 所以就可以这样 操

开始设置了ANDROID_HOME环境变量后,发现Flutter 识别不了安卓SDK, 使用命令配置发现配置是失败的,貌似是不支持路径里有空格 复制一份SDK到没有空格的路径后,SDK就能识别了,并且设备链接状态也有了

前言 其实如果打算在实际项目中引入 Flutter,完全将旧有项目改造成纯 Flutter 项目的可能性比较小,更多的是在旧有项目引入 Flutter. 因此本篇我们就说一说如何在旧有项目引入 Flutter. 官方 WIKI 有说明,但是里面坑还是不少的,变化也是存在的. 因此就让我们来看一看. 目录 1. 按照官网实现基本引入 Add Flutter to existing apps 上面为GitHub WIKI 的引入方式,通过 Module 的形式进行引入. 可以看出文档还是在不断更新的

本文列举了项目开发使用Flutter会遇到的问题,以及如何使用Flutter module在现有项目中集成Flutter,并对其原理进行了分析. 最近在做的一个商业项目,完全的使用Flutter编写的,这其中的坑,只有写过的人才能体会到. 1. 纯Flutter项目的问题 在论述纯Flutter项目问题之前,我先表述下我的观点(仅限于纯Flutter项目,目前时间2018年6月26日,不排除Flutter的发展,让我的观点改观): 对于个人开发者,可以使用纯Flutter去开发App尝鲜: 对于

Flutter之环境配置与项目搭建 一,介绍 1.1,Dart Dart 是一种 易于学习. 易于扩展.并且可以部署到 任何地方 的 应用 编程 语言.并且同时借鉴了Java和JavaScript.Dart在静态语法方面和Java非常相似,如类型定义.函数声明.泛型等,而在动态特性方面又和JavaScript很像,如函数式特性.异步支持等. 1.2,Flutter Flutter 是 Google推出并开源的移动应用开发框架,主打跨平台.高保真.高性能.开发者可以通过 Dart语言开发 App,

今天接手了一个客户传过来的Flutter项目,估计是客户直接拷贝过来的,无法直接运行,由于刚接手Flutter, 很多东西还不懂,折腾了一会给弄好了. 1. 提示Dart SDK is not configured. 点击右上角的“Open Dart settings” 提示,或者点击菜单栏上的“File”-“Settings”-"Languages&Frameworks"-"Flutter"栏目,设置Flutter SDK 所在的位置. 设置好Flutte

一个简单Flutter项目wanandroid,先前用Kotlin来开发过,适合新手练习. 用到的库 包含功能: http+数据解析 网络请求数据列表展示 Banner轮播 WebView跳转详情 Drawer侧滑个人中心 TabLayout ...... 效果图:      源码下载:https://github.com/DickyQie/wanandroid/tree/flutter-wanandroid 其他Wanandroid项目地址: https://github.com/sunxia

首先,环境如下: 1.系统:windows10 64位   Android SDK version: 28.0.3   Flutter SDK: v1.5.4-hotfix.2   模拟器: 网易MuMu(android-x86) 2.问题复现步骤: VS Code打开已经新建好的flutter项目,Git bash到当前项目根目录下 输入 flutter doctor 如图,一切正常. 然后输入, flutter run 可以看到这里有一个报错,[ERROR:flutter/shell/gpu