背景 近一年时间都在用 React Native 开发公司的 APP,水平基本上可以说是登堂入室了.前一段时间兴起一阵 Flutter 热,后端的同事都有推荐,今年 Google 大会又推出 flutter_web,偶有闲暇,就赶紧来看看这个新的多端兼容框架. 与 RN 的封装原生组件通过 Bridge 调用不同,Flutter 的模式是使用 Google 的 UI 引擎另起炉灶,使用 Dart 语言编写,最终还是编译成原生的代码.性能方面相较RN有所提升,但是RN已经有近5年的发展了,社区相当…

StatefulComponent使用方法入门 在上一篇Flutter入门之无状态组件中我们讲到了无状态组件,所谓的无状态组件指的就是其内部的状态是来自其父组件并使用final类型的变量来存储,当组件被build的时候它们就使用这些不可变的数据来构建自己的UI. 为了构建更加复杂且可和用户产生交互的组件,在flutter中提供了StatefulComponents来实现这种需求. 下面来看一个简单的例子'点击按钮,并在按钮文字上不断更新点击的次数'. import 'package:flutte…

flutter入门开发的一些坑 很久没写博客了,最近在准备物联网比赛,顺便抽出时间学习了一下flutter,花了近2周完成了一个查看博客博文的一个小的APPdemo,随便截了两张图,如下: 首页 博客园的页面,必须登录才有这些东西 总的来说项目还是比较简单的,(项目地址)没有什么复杂的逻辑和界面(毕竟是刚学,也没有能力去弄复杂的逻辑和界面),目前来说就这样吧.接下来我将记录一下开发中遇到的一些困难以及解决方法. flutter博客园 认证解决方法 这里是博客园的api网址(https://api…

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

Flutter 可以开发 Mac,Linux,Windows 桌面,但是对于平台目前只能打对于的包,以及调试本平台的包. 切换到 master 分支 首先必须切换到 master 分支.我之前在 dev 分支,折腾了好久,都只停留于理论概念阶段.直到有一次看到了简书中提到需要在 master 分支,经过测试确实可以正常运行.其实当时主要是卡在 本地找不到桌面模拟器这个环节.  开启 Mac 开发桌面应用 Flutter 的 master 默认是关闭 桌面应用的,我们可以使用下面的命令开启: f…

1.这是我第二次mac 安装 flutter环境了,但是这种东西记不住.打开写一下 有用的东西 一. ls vi 等命令 command not found原因是因为环境变量的问题,编辑profile文件没有写正确,导致在命令行下 ls等命令不能够识别. 解决办法:在命令行下打入下面这段就可以了 export PATH=/usr/local/sbin:/usr/local/bin:/sbin:/bin:/usr/sbin:/usr/bin:/root/bin brew命令的坑,很多mac系统都没…

这是Flutter系列第一篇文章,后续会持续更新Flutter相关知识,本篇就主要对于Flutter技术做一个简单的入门介绍 一.Flutter简介 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的,可以用一套代码同时构建Android和iOS应用,性能可以达到原生应用一样的性能. 一句话总结就是:Flutter是…

一.前沿 去年入职后, 公司有很多人使用的是idea , 而不是eclipse. 之前就想转向idea, 但一直没转过来~~原因是团队的人提倡用开源eclipse.现在下定决心转向idea. 虽然, idea是要收费的, 但idea提供了两个版本 --- 社区版(免费版) .商业版(要收费).社区版其实也够用了哈 . 再说 “在中国是没有收费的软件哈”. 二.下载 ① .idea 官网 : https://www.jetbrains.com/idea/  选择商业版.反正有破解码就用呗 ②.破解…

[持续更新]一篇今年年头的老文章顺道发布了,大家有任何问题可以留言沟通.当时刚刚加入团团,愿大家有机会还是购买一台MAC,确实能给大家的效率赋能,虽然在一开始会有一些艰难!⛽️ 望借着换工作的东风,好好的俊一波IDEA,之前始终习惯于Eclipse的使用. 使用事项 界面 IntelliJ IDEA 默认界面是隐藏掉 Toolbar 和 Tool Buttons,在View菜单中点选.注意通过Window->Save Current Layout避免每次都需要重新设置界面. 注意整体主题和编辑主…

Flutter核心理念 flutter组件采用函数式响应框架构建,它的灵感来自于React.它设计的核心思想是组件外构建UI,简单解释一下就是组件鉴于它当前的配置和状态来描述它的视图应该是怎样的,当组件的状态发生改变,组件会重构它的配置和状态(这些配置和状态是在组件外部重构的,内部的配置和状态都不可变的).然后底层框架会将最新的配置和状态与先前的做对比,由此产生一个最小的差值,并由此差值来决定底层渲染树从旧状态过度到新状态. Hello World 首先我们先来写一个最基本的flutter应用吧…