1.热重载 alt+\ 2.热重启 alt+shift+\ 3.快速生成模板 stf 直接生成有状态模板 4.模拟器中文输入法 http://www.mdpda.com/app/apk3670941.html…

…

一.组件分析 ui如下 根据UI分析我们需要提取哪些是动态的,可以通过传递参数得到不同的结果? 1.左侧icon 2.输入的文本 3.是否是密码框 4.输入框的控制器:如何时时得到输入框的值 二.快速创建自定义组件 vscode中使用快捷键stl快速生成一个无状态组件, class CreateMyInput extends StatelessWidget { @override Widget build(BuildContext context) { return Container( );…

1.Expanded组件 占满可用空间 -----可以到达类似flex布局中  第一列占用大量空间,所以它必须包装在Expanded widget中. 写死的高度改成Expanded自动撑满屏幕如果还是不能撑满试试加上flex:1的属性 Expanded expands its child to fill the available space --Using an Expanded widget makes a child of a Row, Column, or Flex expand to…

java环境安装 做基于android的原生app,首先需要安装java环境,需要到官网https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html下载相应的安装包,并进行安装. 下载后直接进行安装就可以了,安装完成后,需要在终端中输入命令进行安装检查:在终端中输入java并回车,出现下图中的结果,表明安装成功了. 安装flutter 1,下载flutter安装包,由于网速等其他的问题,一…

随着 2018 年底 GOOGLE 正式发布了 flutter1.0,这个原生开发框架大火,试用了一下确实不错,代码状态即时刷新,所见即所得.APP 开发的环境安装,比较复杂,很多初学者在这一步就被 PASS 了.欢迎加入Q群:697028234 1.安装 GIT.(下载地址:https://www.git-scm.com/download/win) 安装 Android studio 3.2 和相关依赖,一路 next 即可. (下载地址:http://www.android-studio.o…

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

虽然进行安卓开发使用Android studio 比较方便 ,但是因为AS太臃肿而且还有一些404问题,就在打算如何进行高效的Android开发,于是找到了Flutter SDK, 他支持使用IDE进行开发, 也就是可以直接脱离AS以及java代码(真的很头大)!Flutter 是 Google 为您打造的 UI 工具包,帮助您通过一套代码同时在 iOS 和 Android 上构建媲美原生体验的精美应用!开发者除了Android Studio编写Flutter代码以外,VS Code也可以编写F…

1. vscode搜索Flutter 点击安装Flutter会自动安装Flutter和Dart 2.打开项目 在vscode File-openFolder打开之前创建的项目 成功显示 如果创建一个新项目 view-command Palette.. - flutter:New Pro..-输入一个项目名称 3.创建虚拟机bat 建一个bat文件 C:\Users\Mloong\AppData\Local\Android\Sdk\emulator\emulator.exe -netdelay n…

技术胖Flutter第四季-20导航的参数传递和接受-1 视频地址:https://www.bilibili.com/video/av35800108/?p=21 先安装一个新的插件: Awesome Flutter Snippets 先把商品的类抽象出出来一个类,两个属性 一个是title标题 一个是description描述 定义ProductList组件 安装插件后的快捷键: stless的快捷键,直接生成类的主体结构. 然后写入口文件void main.里面用了 MaterialApp,…

21导航的参数传递和接受-2 视频地址 https://www.bilibili.com/video/av35800108/?p=22 博客地址:https://jspang.com/post/flutter4.html#toc-3d6 在onTap里面写事件: 跳转到ProductDetail页面把整个products当前的对象都传过去了. 新建ProductDetail类 使用stlss快捷键生成 再写上类名:ProductDetail 就可以了 定义product变量.在构造函数内接收 纠…

视频地址: https://www.bilibili.com/video/av35800108/?p=23 博客地址: https://jspang.com/post/flutter4.html#toc-3f5 主要学习子页面返回数据给父页面 下划线很一般定义内部的方法 snackBar去接收 XiaoJieJie类的创建 XiaoJieJie这个类就相当于我们的子页面 快捷键stless快速生成类: 快速生成可以谁用安卓studio里面的 Live Template: navigator.po…

视频地址: https://www.bilibili.com/video/av39709290?zw 博客地址: https://jspang.com/post/flutterDemo.html#toc-ff4 flutter create demo01:命令行来创建项目,这里我就不创建,直接用我原来的代码 D:\Flutter\Demo\demo03 bottom_navigation_widget.dart 新建:bottom_navigation_widget.dart main里面引用这…

第03节: 不规则底部工具栏制作-1 博客地址: https://jspang.com/post/flutterDemo.html#toc-973 视频地址: https://www.bilibili.com/video/av39709290?p=3 视频里面的评论:动态组件就是可以setState的组件 flutter create demo02的项目 这里是定义主题的地方:自定义主题使用theme然后里面使用:primarySwatch,后面主要跟的就是我们的颜色 引入:bottom_app…

视频地址: https://www.bilibili.com/video/av39709290/?p=4 博客地址: https://jspang.com/post/flutterDemo.html#toc-7d1 学习如果使用一个动态的widget代替之前写的那几个静态的widget 新建文件:each_view.dart 快捷键:stful生成动态的widget 定义内部使用的变量:以下划线开头的 String _title;这个title是从上一个页面传过来的我们在构造函数内初始化一下 下…

博客地址: https://jspang.com/post/flutterDemo.html#toc-bb9 视频地址: https://www.bilibili.com/video/av39709290/?p=8 创建项目demo05 keepAliveDemo是一个自定义组件 keepAliveDemo这个组件必须是个动态组件,因为他来回的切换还要变换里面的效果 sfu快捷键快速生成 第一个知识点就是with. 这里我们继承自State,如果我们还要继承其他的类呢?这里就用到了with.表示…

博客地址; https://jspang.com/post/flutterDemo.html#toc-5b0 视频地址: https://www.bilibili.com/video/av39709290/?p=14 新建类: expansion_panel_list.dart 这是一个动态的widget 然后新建类,开和 和 打开,我们要做一个控制这个的类 声明两个List.一个int类型的List,为了生成数组 第二个数组是ExpandStateBean的List List<int> mL…

12.首页_GridView类别导航制作 首页导航区的制作 外面用一个gridview来写.里面单独提出来 新建导航组件 还是在home_page.dart里面写代码 新建一个静态的组件: 快捷键写组件的时候选择哪个stlessW的,这样把构造函数也帮你初始化好了. 定义一个内部的方法 ,返回的是一个column,内部方法名开头用下划线开头. 定义方法 _gridViewItemUI接收两个参数一个是上下文对象,一个item相当于我们每一个导航项 我们导航项点一下肯定要有页面的变化,或者是路由的…

15.首页_商品推荐模块编写 商品推荐,我们做成可以横向滚动的 分析: 上面是标题,下面是ListView,里面是一个Column, column分三层,第一是图片,第二是价格,第三是市场价格 小细节就是上面有个间距 解决一个之前留下的坑.超过屏幕出现黄色的警示黄条 解决方法加加一个SingleChildScrollView,让它单独滚动 最终效果: stlessW快捷键生成商品推荐的代码 因为是列表,所以接收List参数recommentList..然后传递给构造函数,这样我们就接收了一个li…

1.Flutter是什么? 官方介绍:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. 从官方介绍可以看到,Flutter有如下特点: 跨平台:现在Flutter至少可以跨4种平台,甚至支持嵌入式开发.我们常用的有Linux.Android.IOS,甚至可以在谷歌最新的操作系统上Fuchsia进行运行,经过第三方…

一.环境变量 由于众所周知的原因,在国内访问 Flutter 有时可能会受到限制,所以在开发之前,需要先配置环境变量 MacOS: 编辑 ~/.bash_profile 文件 vim ~/.bash_profile 这里用的是 vim 来编辑,如果不习惯,可以将 vim 替换为 open open ~/.bash_profile 添加以下代码并保存 export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BAS…

前言 为什么使用VSCode? flutter官方推荐的编辑器有IDEA/Android Studio和VSCode, 之前开发Flutter用的IDEA, 不过IDEA始终比较重,于是换用VSCode 发现开发体验也非常的好. 安装开发环境 安装Flutter 还没有安装flutter的小伙伴可以先看Flutter Install或者Google,这里就不贴了. 安装VSCode 本体 语言包插件 VSCode也是flutter官方推荐的编辑器,小伙伴可以先看官方使用教程 安装Flutter插…

上周任务不多,闲来无事想学习一下flutter耍一耍,发现flutter的环境搭建步骤还是很繁琐的,官网的搭建教程只是按步骤让你进行操作,中间出现的问题完全没有提及,对我这种没搞过原生开发的小白来说超级不友好.而网上很多相关博客教程,感觉不够详细,许多环境搭建过程中的坑确实是提到了,但解决的办法写的比较笼统,在此我将本次环境搭建锁遇到的各种奇奇怪怪的问题一一汇总,争取结合各路大神的博客加上自己实际遇到的问题整理出一篇超级实用且详细的教程,让童鞋们在学习flutter的路上少走弯路,让你的起跑顺畅…

安装Flutter 获取FlutterSDK 终端cd进入SDK安装目录,比如 cd ~/FlutterSDK 由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中: export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn git clone -b d…

一.现象: Flutter 不能热加载 热重载按钮灰色,无法点击. 二.分析原因: 终端 flutter doctor 显示 NO_PROXY is not set 没有设置无代理的端口 终端:flutter doctor ➜  ~ flutter doctor Doctor summary (to see all details, run flutter doctor -v): [✓] Flutter (Channel stable, v1.7.8, on Mac OS X 10.14.3 1…

1.配置flutter环境变量 进入终端 vim ~/.bash_profile export ANDROID_HOME=~Library/Android/sdk export PATH=$PATH:ANDROID_HOME/tools:$ANDROID_HOME/platform-tools export PUB_HOSTED_URL=https://pub.flutter-io.cn export FLUTTER_STORAGE_BASE_URL=https://storagge.flutt…

老孟导读:此快捷方式适用于Mac下的 Android Studio .Windows 下的快捷方式请参考这篇文章:https://juejin.im/post/5efe71365188252e7d7fd0ca 快速创建一个新的Stateless or Stateful组件 创建新的 Stateless 组件,输入stless,回车: 创建新的 Stateful 组件,输入 stful,回车: 创建新的 动画组件,输入 stanim,回车: 还有其他的一些快捷方式,这里不一一介绍,这些快捷方式在…

老孟导读:昨天期待已久的 Flutter 2.0 终于发布了,Web 端终于提正了,春季期间我发布的一篇文章,其中的一个预测就是 Web 正式发布,已经实现了,还有一个预测是:2021年将是 Flutter 大跃进的一年,等今年你年底总结的时候,让我们在来验证下这个预测是否应验. 后面几天会陆续发布 Flutter 2.0 更新更加详细的内容更新,敬请关注. 下面就让我们看看 Flutter 2.0 都有哪些重磅更新,原文链接:https://developers.googleblog.com/…

作者 / Mariam Hasnany, Product Manager, Flutter 我们对 Flutter 的愿景是成为一个可移植的 UI 框架,在全平台上构建精美的应用体验.做为 Flutter 2 发布内容的一部分,Flutter 的 web 支持已经抵达稳定版里程碑. Flutter 的首个版本支持 iOS 和 Android,开发者们已经用它在移动应用商店发布了超过 15 万个应用.现在,随着 web 支持的加入,这些应用可以触达更广泛的受众,同时也开辟了在 web 上建立交互体…

Flutter 2.10 版已正式发布!虽然⾃ 上次稳定版本发布 以来还不到两个⽉,即使在这么短的时间内,我们也已处理和关闭了 1843 个 Issue,合并了来⾃全球 155 位贡献者的 1525 个 PR.感谢⼤家在 2021 年末的假期期间的出⾊⼯作. 我们有⼏件令⼈兴奋的事情要宣布,包括 Flutter 对 Windows ⽀持的重⼤更新.⼏项重⼤的性能改进.框架中图标和颜⾊的新⽀持以及一些⼯具改进等.此外,该版本还包括移除了 dev 渠道的更新.减少对旧版 iOS 的⽀持以及几个简短的…