Flutter版本的海外剧
发表于|更新于
|浏览量:
背景
前阵子抓包，有两个海外剧的接口，最近有时间，打算温习一下 Flutter，就用来写了一个简单的 APP，包含轮播图、下拉刷新、上拉加载以及播放功能。
效果如下：
运行时需要注意 Flutter 版本的问题，可能需要修改 播放器的 package 中的代码，直接Google 搜索，修改即可，如有疑问可以联系我。
代码放在 Github 上，地址是：meiju_flutter
文章作者: 今是昨非
版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 今是昨非的博客！
相关推荐
2022-09-23
Flutter组件——Tabbar
[Flutter组件——Tabbar]使用Tabar使用，设置indicator的样式，长短，设置tab选中和未选中的样式，根据数组创建Tabbar。 代码如下： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677import 'package:flutter/material.dart';class TabbarDemo extends StatefulWidget { TabbarDemo({Key? key}) : super(key: key); _TabbarDemoState createState() => _TabbarDemoState();}class _TabbarDemoState extends State<TabbarDemo> ...
2021-07-19
Flutter组件基础——Container
Flutter组件基础——ContainerContainer是容器组件，类似于H5中的标签，亦或者iOS中的UIView，是布局的基础控件。 Container包含属性Container常用属性如下： Container child：子视图 alignment：子视图的对齐方式 topLeft：顶部左对齐 topCenter：顶部居中对齐 topRight：顶部右对齐 centerLeft：中间左对齐 center：中间对齐 centerRight：中间右对齐 bottomLeft：底部左对齐 bottomCenter：底部居中对齐 bottomRight：底部右对齐 color：背景颜色 width：宽度 height：高度 padding：子视图距Container的边距 margin：Container距父视图的边距 decoration：装饰 子视图对齐方式-alignment123456789101112131415161718192021222324class MyApp extends StatelessWidget { @overr...
2021-07-30
Flutter布局基础——页面导航和返回
Flutter布局基础——页面导航和传值说到导航，最常见就是类似于iOS中导航控制器的push和pop效果，同样Flutter中也有类似的效果，使用的就是Navigator组件。 下面，来看一下在Flutter中，导航效果Navigator.push和Navigator.pop的使用。 简单使用代码如下： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '导航演示1', home: new FirstScreen(), ); }}class FirstScreen extends StatelessWidget { @o...
2021-07-22
Flutter组件基础——ListView
Flutter组件基础——ListViewListView是滚动列表，类似于iOS中ScrollView，可横向、纵向滚动，内容不限。 ListView的使用ListView的使用很简单，但是需要多多练习； ListView的使用，通过设置children来实现，children中的Item为Widget对象。 纵向滚动代码如下： 123456789101112131415161718192021222324252627282930313233343536373839class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'ListView Learn', home: Scaffold( appBar: new AppBar( tit...
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-16
Flutter环境安装 && 运行
Flutter环境安装 && 运行背景Flutter环境配置到运行，问题备忘记录。比如遇到Android sdkmanager tool not found和Running Gradle task 'assembleDebug'... Flutter安装超级精简版通过homebrew直接安装，可能需要外网 brew install flutter 手动，Flutter环境搭建 首先下载Flutter安装包，下载地址：https://flutter.dev/docs/development/tools/sdk/releases?tab=macos 其次，解压已下载文件，把文件放入指定目录中，注意：建议放入可以放入用户根目录下，因为后续需要指定bin文件地址，这个目录最好不会经常变动 然后，配置环境变量 打开terminal，如果是zsh，输入open .zshrc；（如果是bash，则输入open .baseprofile）在文件末尾添加如下代码，其中pwd为刚刚解压的flutter/bin文件地址， 1export PATH=&quo...
公告
This is my Blog