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/widgets.dart';
|
||||
|
||||
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
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
backgroundColor: Colors.white,
|
||||
body: Column(
|
||||
children: [
|
||||
SizedBox(
|
||||
height: 50,
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24, right: 24),
|
||||
padding: const EdgeInsets.only(left: 15, right: 24),
|
||||
child: Row(
|
||||
children: [
|
||||
IconButton(
|
||||
@ -36,41 +48,160 @@ class addbusiness extends StatelessWidget {
|
||||
],
|
||||
),
|
||||
),
|
||||
Column(
|
||||
children: [
|
||||
CircleAvatar(
|
||||
radius: 80,
|
||||
backgroundImage: AssetImage('assets/images/img_icon.png'),
|
||||
backgroundColor: Colors.white,
|
||||
),
|
||||
SizedBox(
|
||||
height: 5,
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24, right: 265),
|
||||
child: Text(
|
||||
'Business Name',
|
||||
textAlign: TextAlign.start,
|
||||
Spacer(),
|
||||
Container(
|
||||
child: Column(
|
||||
children: [
|
||||
Image.asset(
|
||||
'assets/images/gallery-icon.png',
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 10,
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(left: 24, right: 24),
|
||||
child: TextField(
|
||||
decoration: InputDecoration(
|
||||
border: OutlineInputBorder(
|
||||
borderRadius: BorderRadius.circular(10.0),
|
||||
),
|
||||
hintText: 'Type here...',
|
||||
hintStyle: TextStyle(
|
||||
color: Color(0xff3D3D3D),
|
||||
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.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"
|
||||
source: hosted
|
||||
version: "1.15.0"
|
||||
cross_file:
|
||||
dependency: transitive
|
||||
description:
|
||||
name: cross_file
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "0.3.3"
|
||||
crypto:
|
||||
dependency: transitive
|
||||
description:
|
||||
@ -118,6 +125,13 @@ packages:
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
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:
|
||||
dependency: "direct dev"
|
||||
description: flutter
|
||||
@ -128,6 +142,13 @@ packages:
|
||||
description: flutter
|
||||
source: sdk
|
||||
version: "0.0.0"
|
||||
get:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
name: get
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
version: "4.6.1"
|
||||
google_fonts:
|
||||
dependency: "direct dev"
|
||||
description:
|
||||
@ -156,6 +177,41 @@ packages:
|
||||
url: "https://pub.dartlang.org"
|
||||
source: hosted
|
||||
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:
|
||||
dependency: "direct main"
|
||||
description:
|
||||
|
@ -36,6 +36,8 @@ dependencies:
|
||||
cupertino_icons: ^1.0.2
|
||||
shared_preferences: ^2.0.11
|
||||
intl_phone_number_input: ^0.7.0+2
|
||||
get: ^4.5.1
|
||||
image_picker: ^0.8.5
|
||||
|
||||
|
||||
dev_dependencies:
|
||||
|
Loading…
Reference in New Issue
Block a user