4
2
Fork 0

added UserAvatar widget

pull/31/head
Sudharshan S. 2019-02-09 23:52:22 +08:00
parent d7323c3470
commit 66f1998905
Signed by: sudharshan
GPG Key ID: C861C97AAF3D9559
8 changed files with 42 additions and 4 deletions

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>IDEDidComputeMac32BitWarning</key>
<true/>
</dict>
</plist>

View File

@ -0,0 +1,8 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>IDEDidComputeMac32BitWarning</key>
<true/>
</dict>
</plist>

View File

@ -1,5 +1,7 @@
import 'package:flutter/material.dart';
import 'package:frontend_flutter/widgets/top_bar/index.dart';
import "package:flutter/material.dart";
import "package:frontend_flutter/widgets/top_bar/index.dart";
import "package:frontend_flutter/widgets/user_avatar/index.dart";
class Home extends StatelessWidget {
@override
@ -7,7 +9,7 @@ class Home extends StatelessWidget {
return Scaffold(
body: Column(children: <Widget>[
TopBar("BeepApp"),
Container(child: Text("Hello World"))
UserAvatar(),
]));
}
}

View File

@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
const primaryColor = const Color(0xFF29C3EF);
const primaryColorDark = const Color(0xFF3270F8);
const accentColor = const Color(0xFF103168);
const indicatorColor = const Color(0xFFFF7865);
ThemeData buildTheme() {
final ThemeData base = ThemeData.light();
@ -10,8 +11,10 @@ ThemeData buildTheme() {
return base.copyWith(
accentColor: accentColor,
primaryColor: primaryColor,
primaryColorLight: Colors.white,
primaryColorDark: primaryColorDark,
highlightColor: accentColor,
indicatorColor: indicatorColor,
textTheme: buildTextTheme(base.textTheme),
primaryTextTheme: buildTextTheme(base.textTheme),
accentTextTheme: buildTextTheme(base.textTheme),

View File

@ -1 +1 @@
export 'top_bar.dart';
export "top_bar.dart";

View File

@ -11,6 +11,7 @@ class TopBar extends StatelessWidget {
Widget build(BuildContext context) {
final double statusbarHeight = MediaQuery.of(context).padding.top;
// TODO: Fix cropping by moving onto stack, refactor widget into smaller parts
return Material(
type: MaterialType.canvas,
elevation: 10.0,

View File

@ -0,0 +1 @@
export "user_avatar.dart";

View File

@ -0,0 +1,15 @@
import "package:flutter/material.dart";
class UserAvatar extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Stack(alignment: Alignment.bottomRight, children: <Widget>[
CircleAvatar(backgroundColor: Colors.brown.shade800, child: Text("AH")),
Container(
width: 12.0,
height: 12.0,
decoration: BoxDecoration(
color: Theme.of(context).indicatorColor, shape: BoxShape.circle)),
]);
}
}