added setting screens
Faiz Hashmi
2 years ago
parent
8168e5a81d
commit
95fec1e62d
@ -0,0 +1,236 @@
|
||||
import 'package:mc_common_app/view_models/requests_view_model.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/classes/consts.dart';
|
||||
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/models/widgets_models.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/views/advertisement/ad_creation_steps/ad_creation_steps_containers.dart';
|
||||
import 'package:mc_common_app/views/advertisement/picked_images_container.dart';
|
||||
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/dropdown/dropdow_field.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
import 'package:mc_common_app/widgets/txt_field.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class CreateRequestPage extends StatelessWidget {
|
||||
const CreateRequestPage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: const CustomAppBar(
|
||||
title: "Create Request",
|
||||
),
|
||||
body: Consumer<RequestsVM>(builder: (context, requestsVM, widget) {
|
||||
return Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: SingleChildScrollView(
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
"Vehicle Detail".toText(fontSize: 18, isBold: true),
|
||||
8.height,
|
||||
if (requestsVM.isFetchingRequestType) ...[
|
||||
const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
] else ...[
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> requestTypeDrop = [];
|
||||
for (var element in requestsVM.myRequestsTypeEnum) {
|
||||
requestTypeDrop.add(DropValue(element.enumValue.toInt() ?? 0, element.enumValueStr ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionRequestTypeId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: requestTypeDrop,
|
||||
dropdownValue: requestsVM.requestTypeId.selectedId != -1 ? DropValue(requestsVM.requestTypeId.selectedId, requestsVM.requestTypeId.selectedOption, "") : null,
|
||||
hint: "Request Type",
|
||||
errorValue: requestsVM.requestTypeId.errorValue,
|
||||
);
|
||||
}),
|
||||
],
|
||||
8.height,
|
||||
if (requestsVM.requestTypeId.selectedId != -1)
|
||||
if (requestsVM.isFetchingVehicleType) ...[
|
||||
const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
] else ...[
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleTypeDrop = [];
|
||||
for (var element in requestsVM.vehicleTypes) {
|
||||
vehicleTypeDrop.add(DropValue(element.id?.toInt() ?? 0, element.vehicleTypeName ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleTypeId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: vehicleTypeDrop,
|
||||
dropdownValue: requestsVM.vehicleTypeId.selectedId != -1 ? DropValue(requestsVM.vehicleTypeId.selectedId, requestsVM.vehicleTypeId.selectedOption, "") : null,
|
||||
hint: "Vehicle Type",
|
||||
errorValue: requestsVM.vehicleTypeId.errorValue,
|
||||
);
|
||||
}),
|
||||
],
|
||||
8.height,
|
||||
if (requestsVM.vehicleTypeId.selectedId != -1)
|
||||
if (requestsVM.isFetchingVehicleDetail) ...[
|
||||
const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
),
|
||||
] else ...[
|
||||
Column(
|
||||
children: [
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleBrandsDrop = [];
|
||||
for (var element in requestsVM.vehicleBrands) {
|
||||
vehicleBrandsDrop.add(DropValue(element.id?.toInt() ?? 0, element.vehicleBrandDescription ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleBrandId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: vehicleBrandsDrop,
|
||||
dropdownValue: requestsVM.vehicleBrandId.selectedId != -1 ? DropValue(requestsVM.vehicleBrandId.selectedId, requestsVM.vehicleBrandId.selectedOption, "") : null,
|
||||
hint: "Brand",
|
||||
errorValue: requestsVM.vehicleBrandId.errorValue,
|
||||
);
|
||||
}),
|
||||
8.height,
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleModelsDrop = [];
|
||||
for (var element in requestsVM.vehicleModels) {
|
||||
if (requestsVM.vehicleBrandId.selectedId == element.vehicleBrandID) vehicleModelsDrop.add(DropValue(element.id?.toInt() ?? 0, element.model ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleModelId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: vehicleModelsDrop,
|
||||
dropdownValue: requestsVM.vehicleModelId.selectedId != -1 ? DropValue(requestsVM.vehicleModelId.selectedId, requestsVM.vehicleModelId.selectedOption, "") : null,
|
||||
hint: "Model",
|
||||
errorValue: requestsVM.vehicleModelId.errorValue,
|
||||
);
|
||||
}),
|
||||
8.height,
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleYearModelsDrop = [];
|
||||
for (var element in requestsVM.vehicleModelYears) {
|
||||
vehicleYearModelsDrop.add(DropValue(element.id?.toInt() ?? 0, element.modelYear ?? "", ""));
|
||||
}
|
||||
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleModelYearId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: vehicleYearModelsDrop,
|
||||
dropdownValue:
|
||||
requestsVM.vehicleModelYearId.selectedId != -1 ? DropValue(requestsVM.vehicleModelYearId.selectedId, requestsVM.vehicleModelYearId.selectedOption, "") : null,
|
||||
hint: "Year",
|
||||
errorValue: requestsVM.vehicleModelYearId.errorValue,
|
||||
);
|
||||
}),
|
||||
8.height,
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleCountriesDrop = [];
|
||||
for (var element in requestsVM.vehicleCountries) {
|
||||
vehicleCountriesDrop.add(DropValue(element.id?.toInt() ?? 0, element.countryName ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleCountryId(SelectionModel(selectedOption: value.value, selectedId: value.id)),
|
||||
list: vehicleCountriesDrop,
|
||||
dropdownValue: requestsVM.vehicleCountryId.selectedId != -1 ? DropValue(requestsVM.vehicleCountryId.selectedId, requestsVM.vehicleCountryId.selectedOption, "") : null,
|
||||
hint: "Country",
|
||||
errorValue: requestsVM.vehicleCountryId.errorValue,
|
||||
);
|
||||
}),
|
||||
if (requestsVM.vehicleCountryId.selectedId != -1) ...[
|
||||
if (requestsVM.isCountryFetching) ...[
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [const CircularProgressIndicator().paddingAll(10)],
|
||||
),
|
||||
] else ...[
|
||||
8.height,
|
||||
Builder(builder: (context) {
|
||||
List<DropValue> vehicleCitiesDrop = [];
|
||||
for (var element in requestsVM.vehicleCities) {
|
||||
vehicleCitiesDrop.add(DropValue(element.id?.toInt() ?? 0, element.cityName ?? "", ""));
|
||||
}
|
||||
return DropdownField(
|
||||
(DropValue value) => requestsVM.updateSelectionVehicleCityId(SelectionModel(selectedId: value.id, selectedOption: value.value)),
|
||||
list: vehicleCitiesDrop,
|
||||
dropdownValue: requestsVM.vehicleCityId.selectedId != -1 ? DropValue(requestsVM.vehicleCityId.selectedId, requestsVM.vehicleCityId.selectedOption, "") : null,
|
||||
hint: "City",
|
||||
errorValue: requestsVM.vehicleCityId.errorValue,
|
||||
);
|
||||
}),
|
||||
],
|
||||
],
|
||||
8.height,
|
||||
TxtField(
|
||||
hint: "Price",
|
||||
value: requestsVM.price,
|
||||
onChanged: (e) => requestsVM.updatePrice(e),
|
||||
),
|
||||
8.height,
|
||||
TxtField(
|
||||
hint: "Description",
|
||||
maxLines: 5,
|
||||
value: requestsVM.description,
|
||||
onChanged: (e) => requestsVM.updateDescription(e),
|
||||
),
|
||||
8.height,
|
||||
DottedRectContainer(
|
||||
onTap: () => context.read<RequestsVM>().pickMultipleImages(),
|
||||
text: "Attach Image",
|
||||
icon: MyAssets.attachmentIcon.buildSvg(),
|
||||
),
|
||||
if (requestsVM.vehicleImageError != "") ...[
|
||||
10.height,
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.end,
|
||||
children: [
|
||||
requestsVM.vehicleImageError.toText(fontSize: 14, color: Colors.red),
|
||||
],
|
||||
).paddingOnly(right: 10)
|
||||
],
|
||||
if (requestsVM.pickedVehicleImages.isNotEmpty) ...[
|
||||
16.height,
|
||||
PickedImagesContainer(
|
||||
pickedImages: requestsVM.pickedVehicleImages,
|
||||
onCrossPressedPrimary: requestsVM.removeImageFromList,
|
||||
onAddImagePressed: () {
|
||||
context.read<RequestsVM>().pickMultipleImages();
|
||||
},
|
||||
),
|
||||
],
|
||||
16.height,
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.start,
|
||||
children: [
|
||||
Checkbox(
|
||||
value: requestsVM.isShippingDeliveryEnabled,
|
||||
onChanged: null,
|
||||
),
|
||||
"Shipping/Delivery".toText(color: MyColors.darkPrimaryColor, isBold: true, fontSize: 18)
|
||||
],
|
||||
).onPress(() {
|
||||
requestsVM.updateShippingDeliverEnabled(!requestsVM.isShippingDeliveryEnabled);
|
||||
}),
|
||||
],
|
||||
),
|
||||
]
|
||||
],
|
||||
).toContainer(isShadowEnabled: true, marginAll: 16, paddingAll: 12),
|
||||
),
|
||||
),
|
||||
ShowFillButton(
|
||||
title: "Create Request",
|
||||
maxWidth: double.infinity,
|
||||
margin: const EdgeInsets.all(16),
|
||||
onPressed: () async {
|
||||
await context.read<RequestsVM>().onCreateRequestTapped(context);
|
||||
},
|
||||
)
|
||||
],
|
||||
);
|
||||
}),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,87 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/config/routes.dart';
|
||||
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/models/requests/offers_model.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/utils/navigator.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
|
||||
class OfferListPage extends StatelessWidget {
|
||||
final List<OffersModel> offersList;
|
||||
|
||||
OfferListPage({required this.offersList});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: CustomAppBar(title: "Offers"),
|
||||
body: offersList.isEmpty
|
||||
? Center(child: "No Requests to show.".toText(fontSize: 16, color: MyColors.lightTextColor))
|
||||
: ListView.separated(
|
||||
itemCount: offersList.length,
|
||||
padding: EdgeInsets.all(16),
|
||||
itemBuilder: (context, index) {
|
||||
OffersModel offersModel = offersList[index];
|
||||
return Stack(
|
||||
alignment: Alignment.bottomRight,
|
||||
children: [
|
||||
Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
"${offersModel.serviceProvider!.companyName ?? ""}".toText(fontSize: 16, isBold: true),
|
||||
|
||||
//Un read offers count
|
||||
|
||||
// Center(
|
||||
// child: "2".toText(
|
||||
// color: Colors.white,
|
||||
// isBold: true,
|
||||
// fontSize: 10,
|
||||
// ),
|
||||
// ).toContainer(
|
||||
// backgroundColor: MyColors.redColor,
|
||||
// borderRadius: 100,
|
||||
// paddingAll: 1,
|
||||
// width: 20,
|
||||
// height: 20,
|
||||
// ),
|
||||
],
|
||||
),
|
||||
8.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Expanded(
|
||||
child: "${offersModel.comment} and This is dummy text edition.".toText(
|
||||
color: MyColors.lightTextColor,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
12.width,
|
||||
"9 Hours Ago".toText(
|
||||
color: MyColors.lightTextColor,
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
Icon(
|
||||
Icons.arrow_forward,
|
||||
color: MyColors.darkIconColor,
|
||||
size: 18,
|
||||
),
|
||||
],
|
||||
).onPress(() {
|
||||
navigateWithName(context, AppRoutes.chatView);
|
||||
}).toContainer(isShadowEnabled: true);
|
||||
},
|
||||
separatorBuilder: (context, index) => 16.height,
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,47 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/config/routes.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/utils/navigator.dart';
|
||||
import 'package:mc_common_app/views/setting_options/widgets/custom_setting_options_tile.dart';
|
||||
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
|
||||
class SettingOptionsFAQs extends StatelessWidget {
|
||||
const SettingOptionsFAQs({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: CustomAppBar(
|
||||
title: "More",
|
||||
isRemoveBackButton: false,
|
||||
isDrawerEnabled: false,
|
||||
onBackButtonTapped: () => Navigator.pop(context),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView(
|
||||
children: [
|
||||
Column(
|
||||
children: [
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.info, size: 20), titleText: "FAQs", needBorderBelow: true, onTap: () {}),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.mail, size: 20), titleText: "Contact Us", needBorderBelow: true, onTap: () {}),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.settings, size: 20), titleText: "Terms & Privacy", onTap: () {}),
|
||||
],
|
||||
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||
],
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
"Version: 1.0.0".toText(fontSize: 14),
|
||||
],
|
||||
).paddingAll(21),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,96 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/config/routes.dart';
|
||||
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/utils/navigator.dart';
|
||||
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
|
||||
class SettingOptionsInviteFriends extends StatelessWidget {
|
||||
const SettingOptionsInviteFriends({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: CustomAppBar(
|
||||
title: "More",
|
||||
isRemoveBackButton: false,
|
||||
isDrawerEnabled: false,
|
||||
onBackButtonTapped: () => Navigator.pop(context),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView(
|
||||
children: [
|
||||
Column(
|
||||
children: [
|
||||
CustomSettingOptionsTile(
|
||||
leadingWidget: const Icon(Icons.person, size: 20), titleText: "Invite Friends", needBorderBelow: true, onTap: () => navigateWithName(context, AppRoutes.myRequestsPage)),
|
||||
CustomSettingOptionsTile(
|
||||
leadingWidget: const Icon(Icons.help, size: 20), titleText: "Help", needBorderBelow: true, onTap: () => navigateWithName(context, AppRoutes.settingOptionsFaqs)),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.person, size: 20), titleText: "Account", onTap: () {}),
|
||||
],
|
||||
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.translate, size: 20), titleText: "Language", isForLanguage: true, onTap: () {})
|
||||
.toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, marginAll: 21, borderRadius: 0),
|
||||
],
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ShowFillButton(
|
||||
borderColor: MyColors.redColor,
|
||||
txtColor: MyColors.redColor,
|
||||
isFilled: false,
|
||||
fontSize: 16,
|
||||
maxHeight: 55,
|
||||
title: "Log Out",
|
||||
onPressed: () {},
|
||||
),
|
||||
),
|
||||
],
|
||||
).paddingAll(21),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class CustomSettingOptionsTile extends StatelessWidget {
|
||||
final Widget leadingWidget;
|
||||
final String titleText;
|
||||
final bool needBorderBelow;
|
||||
final bool isForLanguage;
|
||||
final Function() onTap;
|
||||
|
||||
const CustomSettingOptionsTile({super.key, required this.leadingWidget, required this.onTap, required this.titleText, this.needBorderBelow = false, this.isForLanguage = false});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
leadingWidget,
|
||||
12.width,
|
||||
titleText.toText(fontSize: 16),
|
||||
],
|
||||
),
|
||||
isForLanguage ? const Icon(Icons.language, size: 18) : const Icon(Icons.arrow_forward, size: 18)
|
||||
],
|
||||
).onPress(onTap),
|
||||
5.height,
|
||||
if (needBorderBelow) ...[
|
||||
const Divider(thickness: 1),
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,58 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/config/routes.dart';
|
||||
import 'package:mc_common_app/theme/colors.dart';
|
||||
import 'package:mc_common_app/utils/navigator.dart';
|
||||
import 'package:mc_common_app/views/setting_options/widgets/custom_setting_options_tile.dart';
|
||||
import 'package:mc_common_app/widgets/button/show_fill_button.dart';
|
||||
import 'package:mc_common_app/widgets/common_widgets/app_bar.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
|
||||
class SettingOptionsLanguage extends StatelessWidget {
|
||||
const SettingOptionsLanguage({super.key});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
appBar: CustomAppBar(
|
||||
title: "More",
|
||||
isRemoveBackButton: false,
|
||||
isDrawerEnabled: false,
|
||||
onBackButtonTapped: () => Navigator.pop(context),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ListView(
|
||||
children: [
|
||||
Column(
|
||||
children: [
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.person, size: 20), titleText: "My Requests", needBorderBelow: true, onTap: () {}),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.favorite, size: 20), titleText: "Favorite list", needBorderBelow: true, onTap: () {}),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.settings, size: 20), titleText: "Settings", onTap: () => navigateWithName(context, AppRoutes.settingOptionsInviteFriends)),
|
||||
],
|
||||
).toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, margin: const EdgeInsets.fromLTRB(24, 24, 24, 0), borderRadius: 0),
|
||||
CustomSettingOptionsTile(leadingWidget: const Icon(Icons.translate, size: 20), titleText: "Language", isForLanguage: true, onTap: () {})
|
||||
.toContainer(width: double.infinity, isShadowEnabled: true, paddingAll: 10, marginAll: 21, borderRadius: 0),
|
||||
],
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: ShowFillButton(
|
||||
borderColor: MyColors.redColor,
|
||||
txtColor: MyColors.redColor,
|
||||
isFilled: false,
|
||||
fontSize: 16,
|
||||
maxHeight: 55,
|
||||
title: "Log Out",
|
||||
onPressed: () {},
|
||||
),
|
||||
),
|
||||
],
|
||||
).paddingAll(21),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:mc_common_app/extensions/int_extensions.dart';
|
||||
import 'package:mc_common_app/extensions/string_extensions.dart';
|
||||
import 'package:mc_common_app/widgets/extensions/extensions_widget.dart';
|
||||
|
||||
class CustomSettingOptionsTile extends StatelessWidget {
|
||||
final Widget leadingWidget;
|
||||
final String titleText;
|
||||
final bool needBorderBelow;
|
||||
final bool isForLanguage;
|
||||
final Function() onTap;
|
||||
|
||||
const CustomSettingOptionsTile({super.key, required this.leadingWidget, required this.onTap, required this.titleText, this.needBorderBelow = false, this.isForLanguage = false});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
children: [
|
||||
Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
leadingWidget,
|
||||
12.width,
|
||||
titleText.toText(fontSize: 16),
|
||||
],
|
||||
),
|
||||
isForLanguage ? const Icon(Icons.language, size: 18) : const Icon(Icons.arrow_forward, size: 18)
|
||||
],
|
||||
).onPress(onTap),
|
||||
5.height,
|
||||
if (needBorderBelow) ...[
|
||||
const Divider(thickness: 1),
|
||||
],
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue