BusinessAppFlutter/openclosenew/lib/07_addbusiness.dart
vignesh 5dce57e079 BusinessAddedSuccess
BusinessAddedSuccess screen design completed (09-screen)
2022-05-12 23:09:43 +05:30

347 lines
12 KiB
Dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';
import 'package:openclosenew/businessaddedsuccess.dart';
class addbusiness extends StatefulWidget {
addbusiness({Key? key}) : super(key: key);
@override
State<addbusiness> createState() => _addbusinessState();
}
class _addbusinessState extends State<addbusiness> {
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',
));
}
List<DropdownMenuItem<String>> listDrop1 = [];
String? selected1 = null;
void loadData1() {
listDrop1 = [];
listDrop1.add(new DropdownMenuItem(
child: new Text('Item No.1'),
value: 'val-1',
));
listDrop1.add(new DropdownMenuItem(
child: new Text('Item No.2'),
value: 'val-2',
));
listDrop1.add(new DropdownMenuItem(
child: new Text('Item No.3'),
value: 'val-3',
));
}
@override
Widget build(BuildContext context) {
loadData();
loadData1();
return Scaffold(
backgroundColor: Colors.white,
body: SingleChildScrollView(
reverse: true,
child: Column(
children: [
SizedBox(
height: 50,
),
Padding(
padding: const EdgeInsets.only(left: 15, right: 24),
child: Row(
children: [
IconButton(
icon: Icon(Icons.arrow_back, size: 24),
onPressed: () {
Navigator.pop(context);
},
),
SizedBox(
width: 20,
),
Text(
'Add Business',
style: TextStyle(
fontSize: 15,
color: Color(0xff3D3D3D),
fontFamily: 'assets/fonts/Manrope-Medium.ttf',
),
)
],
),
),
Container(
child: Column(
children: [
Image.asset(
'assets/images/gallery-icon.png',
),
SizedBox(
height: 10,
),
Text(
'Uploading Logo',
style: TextStyle(
color: Colors.grey,
fontSize: 14,
fontWeight: FontWeight.w400,
fontFamily: 'Manrope'),
),
],
),
decoration: BoxDecoration(
shape: BoxShape.circle,
color: Colors.white,
),
margin: EdgeInsets.all(15),
padding: EdgeInsets.all(30),
),
Container(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(
left: 24,
top: 10,
right: 24,
),
child: Text(
'Business Name',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
Padding(
padding:
const EdgeInsets.only(left: 24, right: 24, top: 10),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
),
),
),
Padding(
padding: const EdgeInsets.only(
left: 24,
top: 10,
right: 24,
),
child: Text(
'Contact Number',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
Padding(
padding:
const EdgeInsets.only(left: 24, right: 24, top: 10),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
),
keyboardType: TextInputType.number,
),
),
Padding(
padding:
const EdgeInsets.only(left: 24, top: 10, right: 24),
child: Text(
'Tell about your business...',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
Padding(
padding:
const EdgeInsets.only(left: 24, right: 24, top: 10),
child: TextField(
maxLines: 4,
keyboardType: TextInputType.multiline,
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
),
),
),
Padding(
padding: const EdgeInsets.only(top: 10),
child: Row(
children: [
SizedBox(
width: 28,
),
Text('Industry'),
SizedBox(
width: 120,
),
Text('Category'),
],
),
),
Padding(
padding: const EdgeInsets.only(top: 5, right: 24),
child: Row(
children: [
SizedBox(
width: 28,
),
Expanded(
child: InputDecorator(
decoration: InputDecoration(
contentPadding: EdgeInsets.only(
left: 10, top: 1, bottom: 1, right: 5),
border: OutlineInputBorder(
borderRadius:
BorderRadius.all(Radius.circular(5))),
),
child: DropdownButtonHideUnderline(
child: new DropdownButton(
value: selected,
items: listDrop,
icon: Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected = value as String?;
setState(() {});
},
),
),
),
),
Expanded(
child: InputDecorator(
decoration: InputDecoration(
contentPadding: EdgeInsets.only(
left: 10, top: 1, bottom: 1, right: 5),
border: OutlineInputBorder(
borderRadius:
BorderRadius.all(Radius.circular(5))),
),
child: DropdownButtonHideUnderline(
child: new DropdownButton(
value: selected1,
items: listDrop1,
icon: Icon(Icons.keyboard_arrow_down, size: 24),
hint: new Text('Choose...'),
onChanged: (value) {
selected1 = value as String?;
setState(() {});
},
),
),
),
),
],
),
),
SizedBox(
height: 5,
),
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Padding(
padding: const EdgeInsets.only(left: 28),
child: Text(
'Address',
style: TextStyle(
fontFamily: "Manrope",
fontSize: 14,
color: Color(0xff333333),
),
),
),
SizedBox(
height: 5,
),
Padding(
padding: const EdgeInsets.only(left: 28, right: 24),
child: TextField(
decoration: InputDecoration(
contentPadding:
EdgeInsets.only(left: 10, top: 5, bottom: 5),
border: OutlineInputBorder(
borderRadius: BorderRadius.all(
Radius.circular(5),
),
),
hintText: 'Type here...',
suffixIcon:
Image.asset('assets/images/location.png'),
),
),
),
],
),
SizedBox(
height: 20,
),
MaterialButton(
height: 50,
minWidth: double.infinity,
color: Color(0xff12C193),
onPressed: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (_) => businessaddedsuccess()));
},
child: Text(
'Save',
style: TextStyle(color: Colors.white, fontSize: 15),
),
),
],
),
),
],
),
),
);
}
}