Created the Logo widget that contains the DO> logo
This commit is contained in:
parent
40d6319af2
commit
2ba6dbbbc6
2 changed files with 41 additions and 1 deletions
|
|
@ -1,4 +1,5 @@
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'widgets/logo.dart';
|
||||||
|
|
||||||
class App extends StatelessWidget {
|
class App extends StatelessWidget {
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
|
|
@ -9,7 +10,10 @@ class App extends StatelessWidget {
|
||||||
appBar: AppBar(
|
appBar: AppBar(
|
||||||
title: Text('DO>'),
|
title: Text('DO>'),
|
||||||
),
|
),
|
||||||
body: Text('Tasks'),
|
body: Container(
|
||||||
|
color: Colors.blue,
|
||||||
|
child: Logo(),
|
||||||
|
),
|
||||||
),
|
),
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
36
lib/src/widgets/logo.dart
Normal file
36
lib/src/widgets/logo.dart
Normal file
|
|
@ -0,0 +1,36 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:font_awesome_flutter/font_awesome_flutter.dart';
|
||||||
|
|
||||||
|
class Logo extends StatelessWidget {
|
||||||
|
final Color color;
|
||||||
|
|
||||||
|
const Logo({this.color = Colors.white});
|
||||||
|
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Container(
|
||||||
|
width: 165,
|
||||||
|
child: Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
'DO',
|
||||||
|
style: TextStyle(
|
||||||
|
fontFamily: 'IBM Plex Sans',
|
||||||
|
fontSize: 80.0,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
color: color,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Positioned(
|
||||||
|
child: Icon(
|
||||||
|
FontAwesomeIcons.angleRight,
|
||||||
|
size: 90.0,
|
||||||
|
color: color,
|
||||||
|
),
|
||||||
|
left: 90,
|
||||||
|
top: 5,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue