add business
07 add business ui design finished
This commit is contained in:
parent
670cdb1499
commit
af4800054a
BIN
openclosenew/assets/images/gallery-icon.png
Normal file
BIN
openclosenew/assets/images/gallery-icon.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.2 KiB |
@ -1,19 +1,31 @@
|
|||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/widgets.dart';
|
||||||
|
|
||||||
class addbusiness extends StatelessWidget {
|
class addbusiness extends StatelessWidget {
|
||||||
const addbusiness({Key? key}) : super(key: key);
|
// Initial Selected Value
|
||||||
|
String dropdownvalue = 'Item 1';
|
||||||
|
|
||||||
|
// List of items in our dropdown menu
|
||||||
|
var items = [
|
||||||
|
'Item 1',
|
||||||
|
'Item 2',
|
||||||
|
'Item 3',
|
||||||
|
'Item 4',
|
||||||
|
'Item 5',
|
||||||
|
];
|
||||||
|
addbusiness({Key? key}) : super(key: key);
|
||||||
|
|
||||||
@override
|
@override
|
||||||
Widget build(BuildContext context) {
|
Widget build(BuildContext context) {
|
||||||
return Scaffold(
|
return Scaffold(
|
||||||
|
backgroundColor: Colors.white,
|
||||||
body: Column(
|
body: Column(
|
||||||
children: [
|
children: [
|
||||||
SizedBox(
|
SizedBox(
|
||||||
height: 50,
|
height: 50,
|
||||||
),
|
),
|
||||||
Padding(
|
Padding(
|
||||||
padding: const EdgeInsets.only(left: 24, right: 24),
|
padding: const EdgeInsets.only(left: 15, right: 24),
|
||||||
child: Row(
|
child: Row(
|
||||||
children: [
|
children: [
|
||||||
IconButton(
|
IconButton(
|
||||||
@ -36,41 +48,160 @@ class addbusiness extends StatelessWidget {
|
|||||||
],
|
],
|
||||||
),
|
),
|
||||||
),
|
),
|
||||||
Column(
|
Spacer(),
|
||||||
children: [
|
Container(
|
||||||
CircleAvatar(
|
child: Column(
|
||||||
radius: 80,
|
children: [
|
||||||
backgroundImage: AssetImage('assets/images/img_icon.png'),
|
Image.asset(
|
||||||
backgroundColor: Colors.white,
|
'assets/images/gallery-icon.png',
|
||||||
),
|
|
||||||
SizedBox(
|
|
||||||
height: 5,
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsets.only(left: 24, right: 265),
|
|
||||||
child: Text(
|
|
||||||
'Business Name',
|
|
||||||
textAlign: TextAlign.start,
|
|
||||||
),
|
),
|
||||||
),
|
SizedBox(
|
||||||
SizedBox(
|
height: 10,
|
||||||
height: 10,
|
),
|
||||||
),
|
Text(
|
||||||
Padding(
|
'Uploading Logo',
|
||||||
padding: const EdgeInsets.only(left: 24, right: 24),
|
style: TextStyle(
|
||||||
child: TextField(
|
color: Colors.grey,
|
||||||
decoration: InputDecoration(
|
fontSize: 14,
|
||||||
border: OutlineInputBorder(
|
fontWeight: FontWeight.w400,
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
fontFamily: 'Manrope'),
|
||||||
),
|
),
|
||||||
hintText: 'Type here...',
|
],
|
||||||
hintStyle: TextStyle(
|
),
|
||||||
color: Color(0xff3D3D3D),
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: Colors.black,
|
||||||
|
),
|
||||||
|
margin: EdgeInsets.all(24),
|
||||||
|
padding: EdgeInsets.all(45),
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
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(
|
||||||
|
border: InputBorder.none,
|
||||||
|
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(
|
||||||
|
border: InputBorder.none,
|
||||||
|
hintText: 'Type here...',
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
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: 5,
|
||||||
|
keyboardType: TextInputType.multiline,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
border: InputBorder.none,
|
||||||
|
hintText: 'Type here...',
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: 24,
|
||||||
|
),
|
||||||
|
Text('Industry'),
|
||||||
|
SizedBox(
|
||||||
|
width: 100,
|
||||||
|
),
|
||||||
|
Text('Category'),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Spacer(),
|
||||||
|
DropdownButton(
|
||||||
|
value: dropdownvalue,
|
||||||
|
icon: const Icon(Icons.keyboard_arrow_down),
|
||||||
|
items: items.map(
|
||||||
|
(String items) {
|
||||||
|
return DropdownMenuItem(
|
||||||
|
value: items,
|
||||||
|
child: Text(items),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
).toList(),
|
||||||
|
onChanged: (String? newValue) {},
|
||||||
|
),
|
||||||
|
Spacer(),
|
||||||
|
DropdownButton(
|
||||||
|
items: [
|
||||||
|
DropdownMenuItem<String>(
|
||||||
|
value: "1",
|
||||||
|
child: Center(
|
||||||
|
child: Text("one"),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
onChanged: (_value) => {
|
||||||
|
print(_value.toString()),
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
),
|
),
|
||||||
],
|
],
|
||||||
),
|
),
|
||||||
|
@ -57,6 +57,13 @@ packages:
|
|||||||
url: "https://pub.dartlang.org"
|
url: "https://pub.dartlang.org"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "1.15.0"
|
version: "1.15.0"
|
||||||
|
cross_file:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: cross_file
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "0.3.3"
|
||||||
crypto:
|
crypto:
|
||||||
dependency: transitive
|
dependency: transitive
|
||||||
description:
|
description:
|
||||||
@ -118,6 +125,13 @@ packages:
|
|||||||
url: "https://pub.dartlang.org"
|
url: "https://pub.dartlang.org"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "1.0.1"
|
version: "1.0.1"
|
||||||
|
flutter_plugin_android_lifecycle:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: flutter_plugin_android_lifecycle
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "2.0.5"
|
||||||
flutter_test:
|
flutter_test:
|
||||||
dependency: "direct dev"
|
dependency: "direct dev"
|
||||||
description: flutter
|
description: flutter
|
||||||
@ -128,6 +142,13 @@ packages:
|
|||||||
description: flutter
|
description: flutter
|
||||||
source: sdk
|
source: sdk
|
||||||
version: "0.0.0"
|
version: "0.0.0"
|
||||||
|
get:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: get
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "4.6.1"
|
||||||
google_fonts:
|
google_fonts:
|
||||||
dependency: "direct dev"
|
dependency: "direct dev"
|
||||||
description:
|
description:
|
||||||
@ -156,6 +177,41 @@ packages:
|
|||||||
url: "https://pub.dartlang.org"
|
url: "https://pub.dartlang.org"
|
||||||
source: hosted
|
source: hosted
|
||||||
version: "3.1.3"
|
version: "3.1.3"
|
||||||
|
image_picker:
|
||||||
|
dependency: "direct main"
|
||||||
|
description:
|
||||||
|
name: image_picker
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "0.8.5"
|
||||||
|
image_picker_android:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: image_picker_android
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "0.8.4+11"
|
||||||
|
image_picker_for_web:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: image_picker_for_web
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "2.1.6"
|
||||||
|
image_picker_ios:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: image_picker_ios
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "0.8.5"
|
||||||
|
image_picker_platform_interface:
|
||||||
|
dependency: transitive
|
||||||
|
description:
|
||||||
|
name: image_picker_platform_interface
|
||||||
|
url: "https://pub.dartlang.org"
|
||||||
|
source: hosted
|
||||||
|
version: "2.4.4"
|
||||||
intl_phone_number_input:
|
intl_phone_number_input:
|
||||||
dependency: "direct main"
|
dependency: "direct main"
|
||||||
description:
|
description:
|
||||||
|
@ -36,6 +36,8 @@ dependencies:
|
|||||||
cupertino_icons: ^1.0.2
|
cupertino_icons: ^1.0.2
|
||||||
shared_preferences: ^2.0.11
|
shared_preferences: ^2.0.11
|
||||||
intl_phone_number_input: ^0.7.0+2
|
intl_phone_number_input: ^0.7.0+2
|
||||||
|
get: ^4.5.1
|
||||||
|
image_picker: ^0.8.5
|
||||||
|
|
||||||
|
|
||||||
dev_dependencies:
|
dev_dependencies:
|
||||||
|
Loading…
Reference in New Issue
Block a user