Skip to content

Instantly share code, notes, and snippets.

View trey-rosius's full-sized avatar
🏠
Working from home

Ro trey-rosius

🏠
Working from home
View GitHub Profile
@trey-rosius
trey-rosius / CustomTabBar.dart
Created March 12, 2019 11:06
Customized Tab Bar for Login,Sign Up and Forgot Password
import 'package:flutter/material.dart';
void main() {
runApp(HomePage());
}
class HomePage extends StatefulWidget {
@override
new Container(
width: size.width / 1.4,
padding: EdgeInsets.only(top: 10.0, bottom: 10.0),
child: RaisedButton(
shape: new RoundedRectangleBorder(
borderRadius: new BorderRadius.circular(30.0)),
onPressed: () {
Container(
padding: EdgeInsets.only(top: 10.0, bottom: 10.0),
width: size.width / 1.1,
child: Row(
children: <Widget>[
Expanded(
child: Text(
'Ratings',
style: TextStyle(color: Colors.white),
Padding(
padding: const EdgeInsets.only(top: 20.0, bottom: 10.0),
child: Container(
height: size.height / 8,
width: size.width / 1.1,
decoration: BoxDecoration(
color: Color(0xFF212129),
borderRadius: BorderRadius.all(Radius.circular(20.0))),
child: Row(
children: <Widget>[
Container(
height: size.height / 8,
width: size.width / 1.1,
decoration: BoxDecoration(
color: Color(0xFF212129),
borderRadius: BorderRadius.all(Radius.circular(20.0))),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: <Widget>[
Column(
Padding(
padding: const EdgeInsets.only(left: 8.0),
child: Row(
mainAxisAlignment: MainAxisAlignment.end,
children: <Widget>[
Row(
children: <Widget>[
Text(
"\$84",
style: TextStyle(
Row(
children: <Widget>[
Image.asset('images/cake.png'),
Column(
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.center,
children: <Widget>[
Icon(
Icons.add,
color: Colors.white,
Padding(
padding:
const EdgeInsets.only(left: 40.0, top: 20.0, bottom: 10.0),
child: Wrap(
direction: Axis.horizontal,
children: <Widget>[
Chip(
label: Text(
'1KG',
style: TextStyle(color: Colors.white),
AppBar(
elevation: 0.0,
backgroundColor: Theme.of(context).primaryColorDark,
//leading icon
leading: Icon(
CupertinoIcons.back,
color: Theme.of(context).accentColor,
),
// wrapped title in column
title: Column(