flutter code
请使用最新版本的flutter运行demo
新增Tab
去掉new以及const关键字
初始化项目和闪屏页
添加Tab和Drawer
列表页完善,网络请求
列表详情页
github地址
官方地址
官方文档地址
Flutter中文开发者论坛
中文文档
Flutter番外篇:Dart
第一章：什么是Flutter
第二章：安装Flutter
第三章：编写一个FlutterApp
第四章：框架预览
第五章：Widget目录
第六章：面对Android开发的Flutter说明
第七章：面对ReactNative开发的Flutter说明
第八章：手势
第九章：动画
第十章：布局约束
第十一章：处理 assets 和 图像
json序列化
适用于嵌套Tab.
final List<TabEntity> entity = [
new TabEntity(title: '直播'),
new TabEntity(title: '视频'),
new TabEntity(title: '播报'),
];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter TabWidget'),
elevation: 0.0,
),
body: TabWidget(
onPageChanged: (position) {
print(position);
},
children: <Widget>[
Container(color: Colors.white, child: Center(child: Text('直播'))),
Container(color: Colors.pink, child: Center(child: Text('视频'))),
Container(color: Colors.blue, child: Center(child: Text('播报'))),
],
entity: entity,
),
);
}
继承BannerEntity,实现两个方法
示例：
class SimpleEntity extends BannerEntity {
final String obj;
final String url;
final String title;
SimpleEntity({this.obj, this.url, this.title});
@override
get bannerUrl => url;
@override
get bannerTitle => title;
}
或者：
class SimpleEntity extends Object with BannerEntity {
final String obj;
final String url;
final String title;
SimpleEntity({this.obj, this.url, this.title});
@override
get bannerUrl => url;
@override
get bannerTitle => title;
}
widget:
BannerWidget(entity: entity)
实现build方法，返回对应的widget
BannerWidget(
build: (position, entity) {
return Image.asset(entity.bannerUrl, fit: BoxFit.cover);
},
entity: localEntity,
)
BannerWidget(
entity: entity,
bannerPress: (position, entity) {
SimpleEntity bannerEntity = entity;
print('position:${position},entity:${bannerEntity.obj}');
},
)
目前没有比较好的办法加载一段
html代码,只能以text的形式直接显示
目前codeKK-Android的功能已经使用
flutter全部实现
项目因为使用了json_serializable,但是没有提交自动生成的文件,需要在运行之前执行flutter packages pub run build_runner build
否则entity目录会报错
因为flutter处于急速更迭中,有时候会和插件有冲突,为了防止这种事情发生,提交.g文件
布局的几种模式可以查看StatusWidget,截图只展示ERROR
