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) {
return Scaffold(
body: SafeArea(
child: SingleChildScrollView(
child: Column(
children: [
Container(
@ -48,7 +49,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
),
),
Padding(
padding: EdgeInsets.only(left: 10, right: 10, bottom: 300),
padding:
EdgeInsets.only(left: 10, right: 10, bottom: 300),
child: Row(
children: [
FloatingActionButton(
@ -126,7 +128,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: const EdgeInsets.only(left: 5, top: 5),
padding:
const EdgeInsets.only(left: 5, top: 5),
child: InkWell(
onTap: () {
Navigator.pop(context);
@ -156,7 +159,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
padding:
const EdgeInsets.only(left: 15, top: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
crossAxisAlignment:
CrossAxisAlignment.start,
children: [
RichText(
text: TextSpan(
@ -206,7 +210,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => businessdetailsempty()),
builder: (_) =>
businessdetailsempty()),
);
},
),
@ -222,7 +227,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Row(
children: [
Padding(
padding: const EdgeInsets.only(top: 10),
padding:
const EdgeInsets.only(top: 10),
child: RichText(
text: TextSpan(
children: [
@ -285,7 +291,8 @@ class _businessdetailsemptyState extends State<businessdetailsempty> {
Navigator.push(
context,
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 '17-BusinessProfileFormSuccess.dart';
class addbusinessdetails extends StatefulWidget {
const addbusinessdetails({Key? key}) : super(key: key);
@ -8,30 +10,34 @@ class addbusinessdetails extends StatefulWidget {
}
class _addbusinessdetailsState extends State<addbusinessdetails> {
final List<String> items = <String>['All Days', 'Specific days & timing'];
String selectedItem = 'All Days';
bool isVisibile = true;
List<DropdownMenuItem<String>> listDrop = [];
String? selected = null;
void loadData() {
listDrop = [];
listDrop.add(new DropdownMenuItem(
child: new Text('Item No.1'),
value: 'val-1',
));
listDrop.add(new DropdownMenuItem(
child: new Text('Item No.2'),
value: 'val-2',
));
listDrop.add(new DropdownMenuItem(
child: new Text('Item No.3'),
value: 'val-3',
));
var _fields = ['All Days', 'Specific days & timing'];
var _currentItemSelected = 'All Days';
TimeOfDay _TimeofDay = TimeOfDay(hour: 8, minute: 30);
void _showTimePicker() {
showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
).then((value) {
setState(() {
_TimeofDay = value!;
});
});
}
TimeOfDay _TimeofDay1 = TimeOfDay(hour: 8, minute: 30);
void _showTimePicker1() {
showTimePicker(
context: context,
initialTime: TimeOfDay.now(),
).then((value) {
setState(() {
_TimeofDay1 = value!;
});
});
}
@override
Widget build(BuildContext context) {
loadData();
return Scaffold(
body: SafeArea(
child: Column(
@ -103,37 +109,26 @@ class _addbusinessdetailsState extends State<addbusinessdetails> {
Row(
children: [
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: new DropdownButton(
borderRadius: BorderRadius.circular(10),
value: selected,
items: listDrop,
icon: Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected = value as String?;
setState(() => isVisibile = !isVisibile);
},
),
child: DropdownButton<String>(
icon: Icon(Icons.keyboard_arrow_down_rounded),
items: _fields.map((String dropdownStringItem) {
return DropdownMenuItem<String>(
value: dropdownStringItem,
child: Text(dropdownStringItem),
);
}).toList(),
onChanged: (value) {},
value: _currentItemSelected,
),
),
),
],
),
Visibility(
visible: isVisibile,
child: Row(
SizedBox(
height: 10,
),
Row(
children: [
Text(
"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
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: Colors.transparent,
body: Container(
height: 400,
child: Row(
return Row(
children: [
Text(
"From",
@ -33,8 +29,6 @@ class page1 extends StatelessWidget {
),
),
],
),
),
);
}
}