Flutter
Flutter版本的海外剧
背景 前阵子抓包，有两个海外剧的接口，最近有时间，打算温习一下 Flutter，就用来写了一个简单的 APP，包含轮播图、下拉刷新、上拉加载以及播放功能。
效果如下：
运行时需要注意 Flutter 版本的问题，可能需要修改 播放器的 package…
Flutter组件——Tabbar
使用 Tabar 使用，设置indicator的样式，长短，设置 tab 选中和未选中的样式，根据数组创建 Tabbar。
代码如下：
Copy
import 'package:flutter/material.dart';
class TabbarDemo extends…
Flutter布局基础——自定义BottomNavigationBar
背景 这里我们来尝试实现一个不规则的 BottomNavigationBar，首先了解两个系统组件: floatingActionButton和BottomAppBar
floatingActionButton
floatingActionButton用于创建一个浮动的按钮…
Flutter布局基础——BottomNavigationBar
背景 Flutter中BottomNavigationBar类似于 iOS 中的UITabbarController，是导航控制器的一种，常用于首页 Tab 切换。
BottomNavigationBar的 type 属性，默认值会根据items的个数而定；当items个数小…
Flutter布局基础——页面导航和返回
说到导航，最常见就是类似于 iOS 中导航控制器的 push 和 pop 效果，同样 Flutter 中也有类似的效果，使用的就是Navigator组件。 下面，来看一下在 Flutter 中，导航效果Navigator.push和Navigator.pop的使用。
简单使用…
Flutter组件基础——Button
Flutter 中常用的 Button 有ElevatedButton、TextButton、OutlinedButton，之前可能还有RaisedButton、FlatButton、OutlineButton，但是已被废弃，参考RaisedButton vs…
Flutter布局基础——Card
Card，卡片式布局，带有一点圆角和阴影。通常用于关联信息的展示，比如：相册信息、经纬度、联系人信息等等。 Card 的使用
来看一下，如何做一个，常见的列表元素的控件，左侧是个 Icon，上面是 title，然后是 desc，最下面是按钮，常见于订单列表。
要实现的效果如下…
Flutter布局基础——Stack层叠布局
层叠布局适用于子视图叠放一起，且位置能够相对于父视图边界确认的情况。 比如，可用于图片上加文字，按钮上加渐变阴影等等。
Stack Widget 的子视图要么是positioned，要么是non-positioned。Positioned子视图是指使用Positioned的…
Flutter布局基础——Column竖直布局
Column- 是竖直方向布局子视图的 Widget，和Row相似，如果想要子视图充满，可使用Expanded把子视图包括起来。 Column不能滑动（通常来说使用Column时，子视图内容不能超过父视图的高度），如果真的有很多子视图，需要滑动的时候，建议使用ListView…
Flutter布局基础——Row水平布局
Flutter 中水平布局使用Row，可设置元素水平方向排列，如果想要子元素充满，可把子元素使用Expanded包括起来。 背景
使用Row布局的 Widget，不能滑动；通常使用 Row 布局的时候，默认所有的子元素加起来不能超过父视图的宽度。如果想要横向滑动，可考虑使用…
Flutter组件基础——GridView
GridView 是网格布局，类似于 iOS 中的 UICollectionView，可设置每行多少个、单个对象的宽高比、对象水平方向的间距、垂直方向的间距等等。 GridView 的常用属性
GridView
scrollDirection: 滑动方向
Axis…
Flutter组件基础——ListView
ListView 是滚动列表，类似于 iOS 中 ScrollView，可横向、纵向滚动，内容不限。 ListView 的使用
ListView 的使用很简单，但是需要多多练习；
ListView 的使用，通过设置 children 来实现，children 中的 Item…
Flutter组件基础——Image
Image 是 Flutter 中的图片组件，类似于 iOS 中的 UIImageView，可加载资源图片、网络图片、本地图片等，可设置拉伸方式，重复模式等。 Image 加载方法
Image 的加载方法有以下几种：
Image.asset，加载本地图片…
Flutter组件基础——Container
Container 是容器组件，类似于 H5 中的 标签，亦或者 iOS 中的 UIView，是布局的基础控件。
Container 包含属性
Container 常用属性如下：
Container
child：子视图
alignment：子视图的对齐方式
topLeft…
Flutter组件基础——Text
组件 文本组件：Text Widget
Text 是文本组件，类似于 iOS 中 UILabel，用于文本的展示，是布局的基础控件之一。
文本对齐方式：TextAlign
TextAlign
center：Align the text in the center of…
Flutter环境安装 && 运行
背景 Flutter 环境配置到运行，问题备忘记录。比如遇到Android sdkmanager tool not found和Running Gradle task 'assembleDebug'...
Flutter 安装
超级精简版
通过homebrew直接安装…