lovelydialogs 0.1.0 lovelydialogs: ^0.1.0 copied to clipboard
A set of simple wrapper classes that are aimed to help you easily create fancy material dialogs
import 'dart:async';
import 'package:bloc_pattern/bloc_pattern.dart';
import 'package:example/theme_bloc.dart';
import 'package:flutter/material.dart';
import 'package:lovelydialogs/lovely_dialogs.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return BlocProvider(
blocs: [
Bloc((i) => ThemeBloc()),
],
child:
Consumer<ThemeBloc>(builder: (BuildContext context, ThemeBloc bloc) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Lovely Dialogs',
theme: ThemeData(
primarySwatch: Colors.blue,
brightness: bloc.isDark ? Brightness.dark : Brightness.light,
),
home: MyHomePage(title: 'Lovely Dialogs'),
);
}),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
void initState() {
super.initState();
}
LovelyProgressDialog dialog;
double value = 0;
Widget getCard({IconData iconData, Color color, Function onTap}) {
return InkWell(
child: Card(
child: Container(
decoration: BoxDecoration(
color: color, borderRadius: BorderRadius.all(Radius.circular(4))),
child: Icon(
iconData,
color: Colors.white,
size: MediaQuery.of(context).size.width / 15,
),
)),
onTap: onTap,
);
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
flexibleSpace: Container(
decoration: BoxDecoration(
gradient: LinearGradient(colors: [Colors.blue, Colors.pink])),
),
),
body: OrientationBuilder(
builder: (context, orientation) {
return GridView.count(
padding: EdgeInsets.only(top: 4),
crossAxisCount: orientation == Orientation.portrait ? 2 : 3,
children: <Widget>[
getCard(
iconData: Icons.info,
color: Colors.blue,
onTap: () => LovelyInfoDialog(
context: context,
title: 'Pets',
leading: Icon(Icons.pets, color: Colors.white),
gradient:
LinearGradient(colors: [Colors.blue, Colors.green]),
description:
'Pets are cool, aren\'t they? So don\'t forget to give food and love! ',
onConfirm: () => print("Dialog dismissed"),
).show()),
getCard(
iconData: Icons.comment,
color: Colors.green,
onTap: () => LovelyTextInputDialog(
context: context,
buttonsTextTheme: ButtonTextTheme.accent,
hintIcon: Icon(Icons.comment),
hintText: 'Comment',
title: 'Comment on Facebook',
onConfirm: (text) => print('String entered was ' + text),
onChange: (text) => print('Current string is ' + text),
).show(),
),
getCard(
iconData: Icons.list,
color: Colors.orange,
onTap: () => LovelyChoiceDialog(
context: context,
//landscapeWidth: 300,//MediaQuery.of(context).size.width*.3,
//chooseFieldHeight: MediaQuery.of(context).size.height * .5, //insert in readme
leading: Icon(Icons.fastfood, color: Colors.white),
activeCheckColor: Colors.red,
stringList: <String>[
'Pizza',
'Noodles',
'Pasta',
'Hambuguer',
'Pie',
],
title: 'Order Some food',
gradient: LinearGradient(colors: [Colors.orange, Colors.red]),
onConfirm: (checked) => print(checked),
onValueChanged: (value, index) =>
print(value.toString() + " " + index.toString()),
).show(),
),
getCard(
iconData: Icons.fast_forward,
color: Colors.red,
onTap: () {
value = 0;
Timer tm = Timer.periodic(Duration(milliseconds: 100), (timer) {
if(!LovelyProgressSingleton.hasDialogActive())
timer.cancel();
print(value += .01);
LovelyProgressSingleton.setValue(value);
});
LovelyProgressDialog(
context: context,
//type: LovelyProgressType.Circular,
onFinish: (){
print('foii');
tm.cancel();
},
).show();
}),
getCard(
iconData: Icons.favorite,
color: Colors.pink,
onTap: () => LovelyCustomDialog(
gradient: LinearGradient(colors: [Colors.blue, Colors.pink]),
context: context,
child: Column(
children: <Widget>[
FlutterLogo(
size: 200,
style: FlutterLogoStyle.stacked,
duration: Duration(seconds: 50)),
SizedBox(
height: 8,
),
],
),
).show(),
)
],
);
},
),
floatingActionButton: FloatingActionButton(
backgroundColor: Colors.purple,
onPressed: BlocProvider.getBloc<ThemeBloc>().switchColor,
tooltip: 'Change theme',
child: Icon(Icons.sync),
),
);
}
}