forked from lxm_flutter/FlutterUnit
116 lines
3.3 KiB
Dart
116 lines
3.3 KiB
Dart
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_unit/components/permanent/animated_text.dart';
|
|
import 'package:flutter_unit/components/permanent/circle_image.dart';
|
|
|
|
class LayoutUnitPage extends StatelessWidget {
|
|
final info = '【Flutter布局集录】是Unit项目计划的第二阶段的功能之一。'
|
|
'将收录大量的布局样板，一者，方便直接使用；二者，方便布局的学习。'
|
|
'本集录将支持布局征集，愿开发者共同集录。';
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: Text('布局集录'),
|
|
),
|
|
body: Stack(
|
|
alignment: Alignment.center,
|
|
children: <Widget>[
|
|
Positioned(
|
|
top: 50,
|
|
child: Column(
|
|
children: <Widget>[
|
|
CircleImage(
|
|
image: AssetImage('assets/images/icon_head.png'),
|
|
size: 80,
|
|
),
|
|
SizedBox(height: 10,),
|
|
Text(
|
|
'Flutter Unit 2.0 计划',
|
|
style: TextStyle(
|
|
color: Colors.green,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
alignment: Alignment.center,
|
|
padding: EdgeInsets.all(20),
|
|
child: ShaderMask(
|
|
shaderCallback: (rect) =>
|
|
_buildShader(rect, Theme.of(context).primaryColor),
|
|
child: AnimatedText(
|
|
info,
|
|
0,
|
|
durationInMilliseconds: 10000,
|
|
textStyle: TextStyle(
|
|
shadows: [
|
|
Shadow(
|
|
color: Colors.black,
|
|
offset: Offset(1, 1),
|
|
blurRadius: 1)
|
|
],
|
|
color: Colors.white,
|
|
// color: Theme.of(context).primaryColor,
|
|
fontSize: 20,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
buildPlan(),
|
|
buildPower()
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
Shader _buildShader(Rect bounds, Color color) => RadialGradient(
|
|
center: Alignment.topLeft,
|
|
radius: 1.0,
|
|
tileMode: TileMode.mirror,
|
|
colors: [color.withAlpha(88), color.withAlpha(136), color])
|
|
.createShader(bounds);
|
|
|
|
Widget buildPlan() {
|
|
return Positioned(
|
|
bottom: 80,
|
|
child:
|
|
Text("Flutter Unit 布局征集方案(待完成)",
|
|
style: TextStyle(
|
|
color: Colors.blue,
|
|
decoration: TextDecoration.underline,
|
|
shadows: [
|
|
Shadow(
|
|
color: Colors.black,
|
|
blurRadius: .5,
|
|
offset: Offset(0.3, 0.3))
|
|
],
|
|
fontSize: 16)),
|
|
);
|
|
}
|
|
|
|
Widget buildPower() {
|
|
return Positioned(
|
|
bottom: 30,
|
|
right: 30,
|
|
child:
|
|
Text("Power By 张风捷特烈",
|
|
style: TextStyle(
|
|
color: Colors.grey,
|
|
shadows: [
|
|
Shadow(
|
|
color: Colors.black,
|
|
blurRadius: 1,
|
|
offset: Offset(0.3, 0.3))
|
|
],
|
|
fontSize: 16)),
|
|
);
|
|
}
|
|
}
|