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 'widgets/logo.dart';
|
||||
|
||||
class App extends StatelessWidget {
|
||||
Widget build(BuildContext context) {
|
||||
|
|
@ -9,7 +10,10 @@ class App extends StatelessWidget {
|
|||
appBar: AppBar(
|
||||
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