Business Profile Form Success

17-BusinessProfileFormSuccess design finished
This commit is contained in:
vignesh 2022-05-29 23:58:03 +05:30
parent a749d36967
commit ef2b4e9463
5 changed files with 752 additions and 561 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

View File

@ -17,6 +17,7 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
body: SafeArea( body: SafeArea(
child: SingleChildScrollView(
child: Column( child: Column(
children: [ children: [
Container( Container(
@ -48,7 +49,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
), ),
), ),
Padding( Padding(
padding: EdgeInsets.only(left: 10, right: 10, bottom: 300), padding:
EdgeInsets.only(left: 10, right: 10, bottom: 300),
child: Row( child: Row(
children: [ children: [
FloatingActionButton( FloatingActionButton(
@ -126,7 +128,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
mainAxisAlignment: MainAxisAlignment.center, mainAxisAlignment: MainAxisAlignment.center,
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.only(left: 5, top: 5), padding:
const EdgeInsets.only(left: 5, top: 5),
child: InkWell( child: InkWell(
onTap: () { onTap: () {
Navigator.pop(context); Navigator.pop(context);
@ -156,7 +159,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
padding: padding:
const EdgeInsets.only(left: 15, top: 10), const EdgeInsets.only(left: 15, top: 10),
child: Column( child: Column(
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment:
CrossAxisAlignment.start,
children: [ children: [
RichText( RichText(
text: TextSpan( text: TextSpan(
@ -206,7 +210,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Navigator.push( Navigator.push(
context, context,
MaterialPageRoute( MaterialPageRoute(
builder: (_) => businessdetailsempty()), builder: (_) =>
businessdetailsempty()),
); );
}, },
), ),
@ -222,7 +227,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Row( Row(
children: [ children: [
Padding( Padding(
padding: const EdgeInsets.only(top: 10), padding:
const EdgeInsets.only(top: 10),
child: RichText( child: RichText(
text: TextSpan( text: TextSpan(
children: [ children: [
@ -285,7 +291,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Navigator.push( Navigator.push(
context, context,
MaterialPageRoute( MaterialPageRoute(
builder: (_) => addbusinessdetails(), builder: (_) =>
addbusinessdetails(),
), ),
); );
}, },
@ -526,6 +533,7 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
], ],
), ),
), ),
),
); );
} }
} }

View File

@ -1,5 +1,7 @@
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import '17-BusinessProfileFormSuccess.dart';
class addbusinessdetails extends StatefulWidget { class addbusinessdetails extends StatefulWidget {
const addbusinessdetails({Key? key}) : super(key: key); const addbusinessdetails({Key? key}) : super(key: key);
@ -8,30 +10,34 @@ class addbusinessdetails extends StatefulWidget {
} }
class _addbusinessdetailsState extends State<addbusinessdetails> { class _addbusinessdetailsState extends State<addbusinessdetails> {
final List<String> items = <String>['All Days', 'Specific days & timing']; var _fields = ['All Days', 'Specific days & timing'];
String selectedItem = 'All Days'; var _currentItemSelected = 'All Days';
bool isVisibile = true; TimeOfDay _TimeofDay = TimeOfDay(hour: 8, minute: 30);
List<DropdownMenuItem<String>> listDrop = []; void _showTimePicker() {
String? selected = null; showTimePicker(
void loadData() { context: context,
listDrop = []; initialTime: TimeOfDay.now(),
listDrop.add(new DropdownMenuItem( ).then((value) {
child: new Text('Item No.1'), setState(() {
value: 'val-1', _TimeofDay = value!;
)); });
listDrop.add(new DropdownMenuItem( });
child: new Text('Item No.2'), }
value: 'val-2',
)); TimeOfDay _TimeofDay1 = TimeOfDay(hour: 8, minute: 30);
listDrop.add(new DropdownMenuItem( void _showTimePicker1() {
child: new Text('Item No.3'), showTimePicker(
value: 'val-3', context: context,
)); initialTime: TimeOfDay.now(),
).then((value) {
setState(() {
_TimeofDay1 = value!;
});
});
} }
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
loadData();
return Scaffold( return Scaffold(
body: SafeArea( body: SafeArea(
child: Column( child: Column(
@ -103,37 +109,26 @@ class _addbusinessdetailsState extends State<addbusinessdetails> {
Row( Row(
children: [ children: [
Expanded( Expanded(
child: InputDecorator(
decoration: InputDecoration(
contentPadding: EdgeInsets.only(
left: 10, top: 1, bottom: 1, right: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(5),
bottomLeft: Radius.circular(5),
),
),
),
child: DropdownButtonHideUnderline( child: DropdownButtonHideUnderline(
child: new DropdownButton( child: DropdownButton<String>(
borderRadius: BorderRadius.circular(10), icon: Icon(Icons.keyboard_arrow_down_rounded),
value: selected, items: _fields.map((String dropdownStringItem) {
items: listDrop, return DropdownMenuItem<String>(
icon: Icon(Icons.keyboard_arrow_down, size: 24), value: dropdownStringItem,
hint: new Text('Choose...'), child: Text(dropdownStringItem),
onChanged: (value) { );
selected = value as String?; }).toList(),
setState(() => isVisibile = !isVisibile); onChanged: (value) {},
}, value: _currentItemSelected,
),
), ),
), ),
), ),
], ],
), ),
Visibility( SizedBox(
visible: isVisibile, height: 10,
child: Row( ),
Row(
children: [ children: [
Text( Text(
"From", "From",
@ -158,9 +153,132 @@ class _addbusinessdetailsState extends State<addbusinessdetails> {
), ),
], ],
), ),
SizedBox(
height: 10,
),
Row(
mainAxisAlignment: MainAxisAlignment.start,
children: [
InkWell(
onTap: () {
_showTimePicker();
},
child: Container(
padding: EdgeInsets.all(10),
alignment: Alignment.centerLeft,
height: 40,
width: 150,
decoration: BoxDecoration(
border: Border.all(
color: Color(0xFFE6E6E6),
),
borderRadius: BorderRadius.only(
topLeft: Radius.circular(5),
bottomLeft: Radius.circular(5),
),
),
child: Row(
children: [
Text(
_TimeofDay.format(context).toString(),
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF3D3D3D),
),
),
Spacer(),
Icon(Icons.access_time)
],
),
),
),
InkWell(
onTap: () {
_showTimePicker1();
},
child: Container(
padding: EdgeInsets.all(10),
alignment: Alignment.centerLeft,
height: 40,
width: 150,
decoration: BoxDecoration(
border: Border.all(
color: Color(0xFFE6E6E6),
),
borderRadius: BorderRadius.only(
topRight: Radius.circular(5),
bottomRight: Radius.circular(5),
),
),
child: Row(
children: [
Text(
_TimeofDay1.format(context).toString(),
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF3D3D3D),
),
),
Spacer(),
Icon(Icons.access_time)
],
),
),
), ),
], ],
), ),
],
),
),
Spacer(),
Row(
children: [
Padding(
padding:
const EdgeInsets.only(left: 55, right: 20, bottom: 24),
child: TextButton(
onPressed: () {
Navigator.pop(context);
},
child: Text(
"Cancel",
style: TextStyle(color: Colors.grey.shade600),
),
),
),
SizedBox(
width: 50,
),
Expanded(
child: Padding(
padding:
const EdgeInsets.only(left: 0, right: 24, bottom: 24),
child: MaterialButton(
height: 50,
minWidth: double.infinity,
color: Color(0xff12C193),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(4)),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => profileformsuccess()));
},
child: Text(
'Save',
style: TextStyle(color: Colors.white, fontSize: 15),
),
),
),
),
],
), ),
], ],
), ),

View File

@ -0,0 +1,71 @@
import 'package:flutter/material.dart';
import '15_addbusinessdetails.dart';
class profileformsuccess extends StatelessWidget {
const profileformsuccess({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: null,
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Spacer(),
Image.asset('assets/images/success_vector.png',
width: 100, height: 100),
Align(
alignment: Alignment.center,
child: Text(
'Awesome!',
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 25,
color: Color(0xFF09CD99),
),
),
),
Text(
'Your business profile completed successfully!',
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w400,
fontSize: 15,
color: Color(0xFF333333),
),
),
Spacer(),
Padding(
padding: const EdgeInsets.only(left: 24, right: 24, bottom: 24),
child: MaterialButton(
height: 50,
minWidth: double.infinity,
color: Color(0xFF09CD99),
onPressed: () {
Navigator.push(context,
MaterialPageRoute(builder: (_) => addbusinessdetails()));
},
child: Text(
'Go to Business',
style: TextStyle(
fontFamily: 'Manrope',
fontStyle: FontStyle.normal,
fontWeight: FontWeight.w600,
fontSize: 15,
color: Colors.white),
),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(5),
),
),
),
],
),
),
);
}
}

View File

@ -5,11 +5,7 @@ class page1 extends StatelessWidget {
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Row(
backgroundColor: Colors.transparent,
body: Container(
height: 400,
child: Row(
children: [ children: [
Text( Text(
"From", "From",
@ -33,8 +29,6 @@ class page1 extends StatelessWidget {
), ),
), ),
], ],
),
),
); );
} }
} }