Created the Logo widget that contains the DO> logo

This commit is contained in:
Mariano Uvalle 2019-03-07 22:33:21 -06:00
parent 40d6319af2
commit 2ba6dbbbc6
2 changed files with 41 additions and 1 deletions

View file

@ -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
View 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,
),
],
),
);
}
}