Flutter版本的海外剧
发表于|更新于
|浏览量:
背景
前阵子抓包，有两个海外剧的接口，最近有时间，打算温习一下 Flutter，就用来写了一个简单的 APP，包含轮播图、下拉刷新、上拉加载以及播放功能。
效果如下：
运行时需要注意 Flutter 版本的问题，可能需要修改 播放器的 package 中的代码，直接Google 搜索，修改即可，如有疑问可以联系我。
代码放在 Github 上，地址是：meiju_flutter
文章作者: 今是昨非
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 今是昨非的博客！
相关推荐
2021-07-22
Flutter组件基础——Image
Flutter组件基础——ImageImage是Flutter中的图片组件，类似于iOS中的UIImageView，可加载资源图片、网络图片、本地图片等，可设置拉伸方式，重复模式等。 Image加载方法Image的加载方法有以下几种： Image.asset，加载本地图片，比如打包到项目中的图片 Image.file，加载设备中的图片，比如存储到本地的图片 Image.memory，加载内存中的图片 Image.network，加载网络图片 使用方式各有不同，如下： Image.asset(name)是Image(image: AssetImage(name)) Image.file(path)是Image(image: FileImage(File(path))) Image.network(url)是Image(image: NetworkImage(url)) Image.memory(list)是Image(image: MemoryImage(list)) 而且： 使用asset images时，图片打包在apk或ipa中，会导致包变大加载时间对比：Net...
2021-07-26
Flutter布局基础——Stack层叠布局
Flutter布局基础——Stack层叠布局层叠布局适用于子视图叠放一起，且位置能够相对于父视图边界确认的情况。 比如，可用于图片上加文字，按钮上加渐变阴影等等。 Stack Widget的子视图要么是positioned，要么是non-positioned。Positioned子视图是指使用Positioned的widget包括起来的子视图，通过设置相对于Stack的top、bottom、left、right属性来确认自身位置，其中至少要有一个不为空。 Stack Widget的大小取决于所有non-positioned的子视图。non-positioned的子视图的位置根据alignment属性确定，(当alignment为left-to-right时，子视图默认从左上角开始；当aligment为right-to-left时，子视图从右上角开始；)。 Stack 基础使用Stack常用属性 Stack常用属性 children：子视图 alignment：子视图的对齐方式 topLeft：顶部左对齐 topCenter：顶部居中对齐 topRight：顶部右对齐 cent...
2021-07-27
Flutter布局基础——Card
Flutter布局基础——CardCard，卡片式布局，带有一点圆角和阴影。通常用于关联信息的展示，比如：相册信息、经纬度、联系人信息等等。 Card的使用来看一下，如何做一个，常见的列表元素的控件，左侧是个Icon，上面是title，然后是desc，最下面是按钮，常见于订单列表。 要实现的效果如下： 然后看如何实现： ListTile这里需要介绍一下ListTile，Flutter提供的固定高度的，左侧或右侧带有Icon以及文案的控件。 可实现效果如下： 代码如下： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home...
2021-07-23
Flutter组件基础——GridView
Flutter组件基础——GridViewGridView是网格布局，类似于iOS中的UICollectionView，可设置每行多少个、单个对象的宽高比、对象水平方向的间距、垂直方向的间距等等。 GridView的常用属性 GridView scrollDirection: 滑动方向 Axis.horizontal: 水平方向滑动 Axis.vertical: 垂直方向滑动，默认为这个。 padding: GridView相对于父视图的边距 crossAxisCount: 每行多少个 mainAxisSpacing: 与滑动方向垂直的方向的间距，eg: 当横向滑动时，这个代表垂直方向对象之间的间距； crossAxisSpacing: 与滑动方向平行的方向的间距，eg: 当横向滑动时，这个代表水平方向对象之间的间距； childAspectRatio：单个元素的宽高比(或者高宽比)，当scrollDirection为vertical时，代表宽高比；当scrollDirection为horizontal时，代表高宽比。 简单使用代码如下： 1234567891011...
2021-07-23
Flutter布局基础——Row水平布局
Flutter布局基础——Row水平布局Flutter中水平布局使用Row，可设置元素水平方向排列，如果想要子元素充满，可把子元素使用Expanded包括起来。 背景使用Row布局的Widget，不能滑动；通常使用Row布局的时候，默认所有的子元素加起来不能超过父视图的宽度。如果想要横向滑动，可考虑使用ListView。 Ps：当所有子元素的宽度超出了父视图Row的宽度后，会有警告。 如果想要竖向布局，使用Column。 如果只有一个元素，可考虑使用Align或者Center来布局。 基础介绍 Row常用属性 children: 子视图 textDirection: 子视图布局方向 TextDirection.ltr: 从左到右 TextDirection.rtl: 从右到左 mainAxisAlignment: 子视图在父视图上的布局方式，水平方向布局 MainAxisAlignment.spaceAround: 子视图之间和子视图距离父视图都留有间距 MainAxisAlignment.center: 所有子试图居中 MainAxisAlignment.end: 所...
2021-08-18
Flutter布局基础——BottomNavigationBar
Flutter布局基础——BottomNavigationBar背景Flutter中BottomNavigationBar类似于 iOS 中的UITabbarController，是导航控制器的一种，常用于首页 Tab 切换。 BottomNavigationBar的 type 属性，默认值会根据items的个数而定；当items个数小于4个时，默认值为BottomNavigationBarType.fixed；当items个数大于等于4个，默认值为BottomNavigationBarType.shifting。 两种效果对比如下：左侧为BottomNavigationBarType.fixed，右侧为BottomNavigationBarType.shifting 常用属性如下： backgroundColor: 背景色 currentIndex: 当前选中哪一个 fixedColor: 选中 Item 的颜色 iconSize: 图片大小 items: 子元素 onTap: 点击事件 selectedFontSize: 选中字体大小 select...