Flutter

使用Flutter开发的一款应用，调用开放API玩android，实现了简单的页面导航，登录，登录状态保存，数据展示，h5页面加载等功能.项目源码地址在页面底部

顶部导航栏有3个固定的tab，选中的时候字体变大，并且改变颜色，如果直接使用系统的TabBar控件的话就不能改变字体大小了，所以这里自定义导航栏，可以自己来实现想要的效果。如果Tab是动态的话可以使用横向的ListView，这里由于只有固定的3个所以直接使用Row嵌套3个Tex…

Flutter的beat通道已经支持对web的支持，通过 Web 支持，你可以将使用 Dart 编写的现有 Flutter 代码编译为可以嵌入浏览器，并部署到任何 Web 服务器上，具有客户端体验的 Web 应用。你可以使用 Flutter 的所有功能，而不需要任何浏览器插件。…

通过分析页面得知，这应该是一个ListView嵌套一个GridView来实现的，在Android中RecycleView还没出来之前，我们如果要实现这样的一个布局，常用的方法其实也是一个ListView嵌套GridView来实现。 通过ListView构建的列表组件，需要传入一…

在Android 中可以定义Activity基类，所有可以在基类定义一些公共方法，比如全局标题栏，页面跳转动画，那么子啊FLutter中是不是也可以定义一个页面的基类，今天就来尝试一下。 上面的这个BaseWidgetState就是我们下面要定义的抽象类了，继承自State,这…

只需要在_pageController.hasClients为true的情况下，也就是说_pageController已经依附于pageView的情况下，才能够调用animateToPage方法，这里要注意的是，除了animateToPage方法，当调用position，pos…

上期实现了一个网络轮播图的效果，自定义了一个轮播图组件，继承自StatefulWidget，我们知道Flutter中并没有像Android中activity的概念。页面见的跳转是通过路由从一个全屏组件跳转到另外的一个全屏组件，那如果我想在A组件中更新B组件的数据应该怎么实现呢？…

上期讲到了，怎样实现一个下拉刷新和加载更多的列表，数据更新，需要使用到网络请求，在flutter中，怎样实现一个网络请求呢？官方使用的是dart io中的HttpClient发起的请求，但HttpClient本身功能较弱，很多常用功能都不支持。所以这里我们直接使用国内的开源库 …

上一篇文章用Scaffold widget搭建了一个带底部导航栏的的项目架构，这篇文章就来介绍一下在flutter中怎么实现一个带下拉刷新和上拉加载更多的一个列表，这里用到了pull_to_refresh的第三方库。 1、在pubspec.yaml文件中加入一行代码，导入第三方…

上一篇文章介绍了Dart的语法的基本使用，从这篇文章开始，开发一个基于玩Android网站的app。使用的他们开放的api来获取网站数据。 根据网站的结构，我们app最外层框架需要添加一个底部导航栏，导航栏有5给tab，每个tab对应一个页面，分别是首页，项目，公众号，问答，我…

上次我记录了Flutter的环境搭建，这次来简单记录一下Drat语言，Flutter是Google推出并开源的移动应用开发框架，开发语言是Dart，那么Dart语言和其他的语言在语法上有上面区别呢，就

解压安装包到你想安装的目录。直接解压或者是用unzip命令 最后两行是flutter的国内镜像。 配置完成后，执行source ~/.bash_profile命令，刷新当前终端窗口。 配置完成后在终端输入命令：flutter doctor检查你的环境并在命令行窗口中显示报告。命…