bottom sheet
aamir-csol
2 months ago
parent
4d76b34608
commit
ea15bd9152
@ -0,0 +1,145 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'package:easy_localization/easy_localization.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/app_assets.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/enums.dart';
|
||||||
|
import 'package:hmg_patient_app_new/core/utils/utils.dart';
|
||||||
|
import 'package:hmg_patient_app_new/extensions/string_extensions.dart';
|
||||||
|
import 'package:hmg_patient_app_new/generated/locale_keys.g.dart';
|
||||||
|
import 'package:hmg_patient_app_new/widgets/input_widget.dart';
|
||||||
|
|
||||||
|
class GenericBottomSheet extends StatefulWidget {
|
||||||
|
String? countryCode;
|
||||||
|
String? initialPhoneNumber;
|
||||||
|
final List<Widget> buttons;
|
||||||
|
TextEditingController? textController;
|
||||||
|
final bool isForEmail;
|
||||||
|
Function(Country)? onCountryChange;
|
||||||
|
final bool isEnableCountryDropdown;
|
||||||
|
final bool isFromSavedLogin;
|
||||||
|
Function(String?)? onChange;
|
||||||
|
// FocusNode myFocusNode;
|
||||||
|
|
||||||
|
GenericBottomSheet(
|
||||||
|
{this.countryCode = "",
|
||||||
|
this.initialPhoneNumber = "",
|
||||||
|
required this.buttons,
|
||||||
|
this.textController,
|
||||||
|
this.isForEmail = false,
|
||||||
|
this.onCountryChange,
|
||||||
|
this.isEnableCountryDropdown = false,
|
||||||
|
this.isFromSavedLogin = false,
|
||||||
|
this.onChange,
|
||||||
|
// required this.myFocusNode
|
||||||
|
});
|
||||||
|
|
||||||
|
@override
|
||||||
|
_GenericBottomSheetState createState() => _GenericBottomSheetState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _GenericBottomSheetState extends State<GenericBottomSheet> {
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
if (!widget.isForEmail) {
|
||||||
|
widget.textController = TextEditingController(text: widget.initialPhoneNumber);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return SafeArea(
|
||||||
|
top: false,
|
||||||
|
bottom: Platform.isIOS ? false : true,
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
FocusScope.of(context).unfocus();
|
||||||
|
},
|
||||||
|
child: Directionality(
|
||||||
|
textDirection: Directionality.of(context),
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.all(24),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Color(0xFFF8F8FA),
|
||||||
|
borderRadius: const BorderRadius.vertical(top: Radius.circular(16)),
|
||||||
|
),
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.start,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||||||
|
children: [
|
||||||
|
// Title
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
children: [
|
||||||
|
Flexible(
|
||||||
|
child: widget.isFromSavedLogin
|
||||||
|
? LocaleKeys.receiveOtpToast.tr().toText24()
|
||||||
|
: widget.isForEmail
|
||||||
|
? LocaleKeys.enterEmail.tr().toText24()
|
||||||
|
: LocaleKeys.enterPhoneNumber.tr().toText24()),
|
||||||
|
InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
},
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsets.only(top: 10),
|
||||||
|
child: Utils.buildSvgWithAssets(
|
||||||
|
icon: AppAssets.cross_circle,
|
||||||
|
),
|
||||||
|
)),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
const SizedBox(height: 8),
|
||||||
|
// Subtitle
|
||||||
|
widget.isFromSavedLogin
|
||||||
|
? LocaleKeys.pleaseChooseOption.tr().toText16()
|
||||||
|
: widget.isForEmail
|
||||||
|
? LocaleKeys.enterEmailDesc.tr().toText16()
|
||||||
|
: LocaleKeys.enterPhoneDesc.tr().toText16(),
|
||||||
|
|
||||||
|
if (widget.isFromSavedLogin)
|
||||||
|
...[]
|
||||||
|
else ...[
|
||||||
|
widget.textController != null
|
||||||
|
? TextInputWidget(
|
||||||
|
labelText: widget.isForEmail ? LocaleKeys.email : LocaleKeys.phoneNumber,
|
||||||
|
hintText: widget.isForEmail ? "demo@gmail.com" : "5xxxxxxxx",
|
||||||
|
controller: widget.textController!,
|
||||||
|
padding: EdgeInsets.only(top: 8, bottom: 8, left: 8, right: 8),
|
||||||
|
keyboardType: widget.isForEmail ? TextInputType.emailAddress : TextInputType.number,
|
||||||
|
onChange: (value) {
|
||||||
|
widget.textController!.text = value!;
|
||||||
|
if (widget.onChange != null) {
|
||||||
|
widget.onChange!(value);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
isEnable: true,
|
||||||
|
// focusNode: widget.myFocusNode,
|
||||||
|
isReadOnly: widget.isFromSavedLogin,
|
||||||
|
prefix: widget.isForEmail ? null : widget.countryCode,
|
||||||
|
isBorderAllowed: false,
|
||||||
|
isAllowLeadingIcon: true,
|
||||||
|
isCountryDropDown: widget.isEnableCountryDropdown,
|
||||||
|
leadingIcon: widget.isForEmail ? AppAssets.email : AppAssets.smart_phone,
|
||||||
|
)
|
||||||
|
: SizedBox(),
|
||||||
|
],
|
||||||
|
|
||||||
|
SizedBox(height: 24),
|
||||||
|
...widget.buttons,
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue