Feat: Criação de um component de Input, AppData, TabView e DatePicker
This commit is contained in:
Lucas
parent
e8948cb69c
commit
feca086aca
|
|
@ -0,0 +1,57 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_icon_button.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_theme.dart';
|
||||||
|
|
||||||
|
class AppBarUtil extends StatelessWidget implements PreferredSizeWidget {
|
||||||
|
final String title;
|
||||||
|
final VoidCallback? onBackButtonPressed;
|
||||||
|
final Widget? actionButton;
|
||||||
|
|
||||||
|
const AppBarUtil({
|
||||||
|
Key? key,
|
||||||
|
required this.title,
|
||||||
|
this.onBackButtonPressed,
|
||||||
|
this.actionButton,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return AppBar(
|
||||||
|
backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
|
||||||
|
automaticallyImplyLeading: false,
|
||||||
|
forceMaterialTransparency: true,
|
||||||
|
elevation: 0.0,
|
||||||
|
leading: FlutterFlowIconButton(
|
||||||
|
borderColor: Colors.transparent,
|
||||||
|
borderRadius: 30.0,
|
||||||
|
borderWidth: 1.0,
|
||||||
|
buttonSize: 60.0,
|
||||||
|
icon: Icon(
|
||||||
|
Icons.keyboard_arrow_left,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
size: 30.0,
|
||||||
|
),
|
||||||
|
onPressed: onBackButtonPressed ?? () => Navigator.of(context).pop(),
|
||||||
|
),
|
||||||
|
title: Text(
|
||||||
|
title,
|
||||||
|
style: FlutterFlowTheme.of(context).headlineMedium.override(
|
||||||
|
fontFamily: 'Nunito',
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
fontSize: 15.0,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
fontWeight: FontWeight.bold,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey('Nunito'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
actions: [
|
||||||
|
if (actionButton != null) actionButton!,
|
||||||
|
],
|
||||||
|
centerTitle: true,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Size get preferredSize => const Size.fromHeight(kToolbarHeight);
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,240 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_theme.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_util.dart';
|
||||||
|
|
||||||
|
class CustomDatePickerUtil extends StatefulWidget {
|
||||||
|
final TextEditingController? controller;
|
||||||
|
final String hintText;
|
||||||
|
final String dateFormat;
|
||||||
|
final String locale;
|
||||||
|
final DateTime? initialDate;
|
||||||
|
final DateTime firstDate;
|
||||||
|
final DateTime lastDate;
|
||||||
|
final FormFieldValidator<String>? validator;
|
||||||
|
|
||||||
|
const CustomDatePickerUtil({
|
||||||
|
Key? key,
|
||||||
|
this.controller,
|
||||||
|
required this.hintText,
|
||||||
|
required this.dateFormat,
|
||||||
|
required this.locale,
|
||||||
|
this.initialDate,
|
||||||
|
required this.firstDate,
|
||||||
|
required this.lastDate,
|
||||||
|
this.validator,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_CustomDatePickerState createState() => _CustomDatePickerState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CustomDatePickerState extends State<CustomDatePickerUtil> {
|
||||||
|
DateTime? _selectedDate;
|
||||||
|
TimeOfDay? _selectedTime;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_selectedDate = widget.initialDate;
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> _selectDate(BuildContext context) async {
|
||||||
|
final DateTime? pickedDate = await showDatePicker(
|
||||||
|
context: context,
|
||||||
|
initialDate: _selectedDate ?? DateTime.now(),
|
||||||
|
firstDate: widget.firstDate,
|
||||||
|
lastDate: widget.lastDate,
|
||||||
|
builder: (context, child) {
|
||||||
|
return wrapInMaterialDatePickerTheme(
|
||||||
|
context,
|
||||||
|
child!,
|
||||||
|
headerBackgroundColor: FlutterFlowTheme.of(context).primary,
|
||||||
|
headerForegroundColor: FlutterFlowTheme.of(context).info,
|
||||||
|
headerTextStyle: FlutterFlowTheme.of(context).headlineLarge.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).headlineLargeFamily,
|
||||||
|
fontSize: 32.0,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).headlineLargeFamily),
|
||||||
|
),
|
||||||
|
pickerBackgroundColor: FlutterFlowTheme.of(context).primaryBackground,
|
||||||
|
pickerForegroundColor: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
selectedDateTimeBackgroundColor: FlutterFlowTheme.of(context).primary,
|
||||||
|
selectedDateTimeForegroundColor: FlutterFlowTheme.of(context).info,
|
||||||
|
actionButtonForegroundColor: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
iconSize: 24.0,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
if (pickedDate != null) {
|
||||||
|
final TimeOfDay? pickedTime = await showTimePicker(
|
||||||
|
context: context,
|
||||||
|
initialTime: TimeOfDay.fromDateTime(_selectedDate ?? DateTime.now()),
|
||||||
|
builder: (context, child) {
|
||||||
|
return wrapInMaterialTimePickerTheme(
|
||||||
|
context,
|
||||||
|
child!,
|
||||||
|
headerBackgroundColor: FlutterFlowTheme.of(context).primary,
|
||||||
|
headerForegroundColor: FlutterFlowTheme.of(context).info,
|
||||||
|
headerTextStyle: FlutterFlowTheme.of(context)
|
||||||
|
.headlineLarge
|
||||||
|
.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).headlineLargeFamily,
|
||||||
|
fontSize: 32.0,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
fontWeight: FontWeight.w600,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).headlineLargeFamily),
|
||||||
|
),
|
||||||
|
pickerBackgroundColor:
|
||||||
|
FlutterFlowTheme.of(context).primaryBackground,
|
||||||
|
pickerForegroundColor: FlutterFlowTheme.of(context).info,
|
||||||
|
selectedDateTimeBackgroundColor:
|
||||||
|
FlutterFlowTheme.of(context).primary,
|
||||||
|
selectedDateTimeForegroundColor: FlutterFlowTheme.of(context).info,
|
||||||
|
pickerDialForegroundColor: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
actionButtonForegroundColor:
|
||||||
|
FlutterFlowTheme.of(context).primaryText,
|
||||||
|
iconSize: 24.0,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
|
||||||
|
if (pickedTime != null) {
|
||||||
|
setState(() {
|
||||||
|
_selectedDate = DateTime(
|
||||||
|
pickedDate.year,
|
||||||
|
pickedDate.month,
|
||||||
|
pickedDate.day,
|
||||||
|
pickedTime.hour,
|
||||||
|
pickedTime.minute,
|
||||||
|
);
|
||||||
|
widget.controller?.text = dateTimeFormat(
|
||||||
|
widget.dateFormat,
|
||||||
|
_selectedDate,
|
||||||
|
locale: widget.locale,
|
||||||
|
);
|
||||||
|
widget.controller?.selection = TextSelection.collapsed(
|
||||||
|
offset: widget.controller!.text.length,
|
||||||
|
);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Row(
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: [
|
||||||
|
SizedBox(
|
||||||
|
width: MediaQuery.of(context).size.width,
|
||||||
|
height: 60.0,
|
||||||
|
child: Stack(
|
||||||
|
children: [
|
||||||
|
Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsetsDirectional.fromSTEB(24.0, 0.0, 24.0, 0.0),
|
||||||
|
child: TextFormField(
|
||||||
|
controller: widget.controller,
|
||||||
|
readOnly: true,
|
||||||
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||||
|
autofocus: false,
|
||||||
|
obscureText: false,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
isDense: true,
|
||||||
|
labelStyle: FlutterFlowTheme.of(context)
|
||||||
|
.labelMedium
|
||||||
|
.override(
|
||||||
|
fontFamily:
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily),
|
||||||
|
),
|
||||||
|
hintText: widget.hintText,
|
||||||
|
hintStyle: FlutterFlowTheme.of(context)
|
||||||
|
.labelMedium
|
||||||
|
.override(
|
||||||
|
fontFamily:
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily),
|
||||||
|
lineHeight: 1.0,
|
||||||
|
),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).accent4,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
focusedBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).primary,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
errorBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).error,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
focusedErrorBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).error,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
suffixIcon: Icon(
|
||||||
|
Icons.date_range,
|
||||||
|
color: FlutterFlowTheme.of(context).accent1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
||||||
|
fontFamily:
|
||||||
|
FlutterFlowTheme.of(context).bodyMediumFamily,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).bodyMediumFamily),
|
||||||
|
lineHeight: 1.8,
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.start,
|
||||||
|
validator: widget.validator,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Padding(
|
||||||
|
padding:
|
||||||
|
const EdgeInsetsDirectional.fromSTEB(24.0, 0.0, 24.0, 0.0),
|
||||||
|
child: InkWell(
|
||||||
|
splashColor: Colors.transparent,
|
||||||
|
focusColor: Colors.transparent,
|
||||||
|
hoverColor: Colors.transparent,
|
||||||
|
highlightColor: Colors.transparent,
|
||||||
|
onTap: () => _selectDate(context),
|
||||||
|
child: Container(
|
||||||
|
width: double.infinity,
|
||||||
|
height: 80.0,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(8.0),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,116 @@
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
import 'package:hub/components/atomic_components/shared_components_atoms/tabview.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_theme.dart';
|
||||||
|
import 'package:hub/flutter_flow/flutter_flow_util.dart';
|
||||||
|
|
||||||
|
class CustomInputUtil extends StatelessWidget {
|
||||||
|
final TextEditingController? controller;
|
||||||
|
final String? labelText;
|
||||||
|
final String? hintText;
|
||||||
|
final bool? obscureText;
|
||||||
|
final IconData? suffixIcon;
|
||||||
|
final bool autoFocus;
|
||||||
|
final TextInputAction textInputAction;
|
||||||
|
final TextInputType keyboardType;
|
||||||
|
final int maxLength;
|
||||||
|
final FormFieldValidator<String>? validator;
|
||||||
|
final bool haveMaxLength;
|
||||||
|
|
||||||
|
CustomInputUtil(
|
||||||
|
{Key? key,
|
||||||
|
this.controller,
|
||||||
|
required this.labelText,
|
||||||
|
required this.hintText,
|
||||||
|
required this.suffixIcon,
|
||||||
|
this.autoFocus = false,
|
||||||
|
this.textInputAction = TextInputAction.next,
|
||||||
|
this.keyboardType = TextInputType.text,
|
||||||
|
this.maxLength = 80,
|
||||||
|
this.validator,
|
||||||
|
this.obscureText,
|
||||||
|
required this.haveMaxLength})
|
||||||
|
: super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsetsDirectional.fromSTEB(24.0, 0.0, 24.0, 10.0),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
TextFormField(
|
||||||
|
controller: controller,
|
||||||
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||||
|
autofocus: autoFocus,
|
||||||
|
textInputAction: textInputAction,
|
||||||
|
obscureText: false,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
isDense: true,
|
||||||
|
labelText: labelText,
|
||||||
|
labelStyle: FlutterFlowTheme.of(context).labelMedium.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).labelMediumFamily,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily),
|
||||||
|
),
|
||||||
|
hintText: hintText,
|
||||||
|
hintStyle: FlutterFlowTheme.of(context).labelMedium.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).labelMediumFamily,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).labelMediumFamily),
|
||||||
|
),
|
||||||
|
enabledBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).customColor6,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(10.0),
|
||||||
|
),
|
||||||
|
focusedBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).primary,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(10.0),
|
||||||
|
),
|
||||||
|
errorBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).error,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(10.0),
|
||||||
|
),
|
||||||
|
focusedErrorBorder: OutlineInputBorder(
|
||||||
|
borderSide: BorderSide(
|
||||||
|
color: FlutterFlowTheme.of(context).error,
|
||||||
|
width: 0.5,
|
||||||
|
),
|
||||||
|
borderRadius: BorderRadius.circular(10.0),
|
||||||
|
),
|
||||||
|
suffixIcon: Icon(
|
||||||
|
suffixIcon,
|
||||||
|
color: FlutterFlowTheme.of(context).accent1,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).bodyMediumFamily,
|
||||||
|
color: FlutterFlowTheme.of(context).primaryText,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).bodyMediumFamily),
|
||||||
|
),
|
||||||
|
maxLines: null,
|
||||||
|
maxLength: haveMaxLength ? maxLength : null,
|
||||||
|
keyboardType: keyboardType,
|
||||||
|
inputFormatters: [LengthLimitingTextInputFormatter(maxLength)],
|
||||||
|
validator: validator,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -3,7 +3,11 @@ import 'package:flutter/material.dart';
|
||||||
import 'package:flutter/scheduler.dart';
|
import 'package:flutter/scheduler.dart';
|
||||||
import 'package:flutter/services.dart';
|
import 'package:flutter/services.dart';
|
||||||
import 'package:google_fonts/google_fonts.dart';
|
import 'package:google_fonts/google_fonts.dart';
|
||||||
|
import 'package:hub/components/atomic_components/shared_components_atoms/appbar.dart';
|
||||||
|
import 'package:hub/components/atomic_components/shared_components_atoms/custom_datepicker.dart';
|
||||||
|
import 'package:hub/components/atomic_components/shared_components_atoms/custom_input.dart';
|
||||||
import 'package:hub/components/atomic_components/shared_components_atoms/tabview.dart';
|
import 'package:hub/components/atomic_components/shared_components_atoms/tabview.dart';
|
||||||
|
|
||||||
import 'package:hub/flutter_flow/flutter_flow_icon_button.dart';
|
import 'package:hub/flutter_flow/flutter_flow_icon_button.dart';
|
||||||
import 'package:hub/flutter_flow/flutter_flow_model.dart';
|
import 'package:hub/flutter_flow/flutter_flow_model.dart';
|
||||||
import 'package:hub/flutter_flow/flutter_flow_theme.dart';
|
import 'package:hub/flutter_flow/flutter_flow_theme.dart';
|
||||||
|
|
@ -47,40 +51,7 @@ class _PetsPageWidgetState extends State<PetsPageWidget>
|
||||||
}
|
}
|
||||||
|
|
||||||
PreferredSizeWidget appBarPets(BuildContext context) {
|
PreferredSizeWidget appBarPets(BuildContext context) {
|
||||||
return AppBar(
|
return AppBarUtil(title: 'Pets', onBackButtonPressed: () => context.pop());
|
||||||
backgroundColor: FlutterFlowTheme.of(context).primaryBackground,
|
|
||||||
automaticallyImplyLeading: false,
|
|
||||||
forceMaterialTransparency: true,
|
|
||||||
elevation: 0.0,
|
|
||||||
leading: FlutterFlowIconButton(
|
|
||||||
borderColor: Colors.transparent,
|
|
||||||
borderRadius: 30.0,
|
|
||||||
borderWidth: 1.0,
|
|
||||||
buttonSize: 60.0,
|
|
||||||
icon: Icon(
|
|
||||||
Icons.keyboard_arrow_left,
|
|
||||||
color: FlutterFlowTheme.of(context).primaryText,
|
|
||||||
size: 30.0,
|
|
||||||
),
|
|
||||||
onPressed: () async {
|
|
||||||
context.pop();
|
|
||||||
},
|
|
||||||
),
|
|
||||||
title: Text(
|
|
||||||
FFLocalizations.of(context)
|
|
||||||
.getVariableText(ptText: 'Pets', enText: 'Pets'),
|
|
||||||
style: FlutterFlowTheme.of(context).headlineMedium.override(
|
|
||||||
fontFamily: 'Nunito',
|
|
||||||
color: FlutterFlowTheme.of(context).primaryText,
|
|
||||||
fontSize: 15.0,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
fontWeight: FontWeight.bold,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap().containsKey('Nunito'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
actions: const [],
|
|
||||||
centerTitle: true,
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Widget tabViewPets(BuildContext context, PetsPageModel _model, controller) {
|
Widget tabViewPets(BuildContext context, PetsPageModel _model, controller) {
|
||||||
|
|
@ -100,268 +71,78 @@ Widget formAddPets(BuildContext context) {
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.max,
|
mainAxisSize: MainAxisSize.max,
|
||||||
children: [
|
children: [
|
||||||
|
Align(
|
||||||
|
alignment: const AlignmentDirectional(-1.0, 0.0),
|
||||||
|
child: Padding(
|
||||||
|
padding: const EdgeInsetsDirectional.fromSTEB(24.0, 20, 0.0, 15),
|
||||||
|
child: Text(
|
||||||
|
FFLocalizations.of(context).getVariableText(
|
||||||
|
ptText: 'Preencha o formulário com os dados do seu Pet',
|
||||||
|
enText: 'Fill out the form with your Pet\'s data',
|
||||||
|
),
|
||||||
|
textAlign: TextAlign.start,
|
||||||
|
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
||||||
|
fontFamily: FlutterFlowTheme.of(context).bodyMediumFamily,
|
||||||
|
letterSpacing: 0.0,
|
||||||
|
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
||||||
|
FlutterFlowTheme.of(context).bodyMediumFamily),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
Form(
|
Form(
|
||||||
autovalidateMode: AutovalidateMode.onUserInteraction,
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
||||||
child: Column(
|
child: Column(
|
||||||
mainAxisSize: MainAxisSize.max,
|
mainAxisSize: MainAxisSize.max,
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||||
children: [
|
children: [
|
||||||
Padding(
|
CustomInputUtil(
|
||||||
padding: const EdgeInsetsDirectional.fromSTEB(
|
labelText: FFLocalizations.of(context)
|
||||||
24.0, 0.0, 24.0, 0.0),
|
.getVariableText(ptText: 'Nome', enText: 'Name'),
|
||||||
child: Builder(
|
hintText: FFLocalizations.of(context)
|
||||||
builder: (context) {
|
.getVariableText(ptText: 'Nome', enText: 'Name'),
|
||||||
if ((_model.uploadedLocalFile.bytes?.isNotEmpty ??
|
suffixIcon: Icons.person,
|
||||||
false)) {
|
haveMaxLength: true,
|
||||||
return InkWell(
|
|
||||||
splashColor: Colors.transparent,
|
|
||||||
focusColor: Colors.transparent,
|
|
||||||
hoverColor: Colors.transparent,
|
|
||||||
highlightColor: Colors.transparent,
|
|
||||||
onTap: () async {
|
|
||||||
setState(() {
|
|
||||||
_model.isDataUploading = false;
|
|
||||||
_model.uploadedLocalFile = FFUploadedFile(
|
|
||||||
bytes: Uint8List.fromList([]));
|
|
||||||
});
|
|
||||||
},
|
|
||||||
child: ClipRRect(
|
|
||||||
borderRadius: BorderRadius.circular(8.0),
|
|
||||||
child: Image.memory(
|
|
||||||
_model.uploadedLocalFile.bytes ??
|
|
||||||
Uint8List.fromList([]),
|
|
||||||
width: 300.0,
|
|
||||||
height: 200.0,
|
|
||||||
fit: BoxFit.cover,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
} else {
|
|
||||||
return Stack(
|
|
||||||
children: [
|
|
||||||
Align(
|
|
||||||
alignment: const AlignmentDirectional(0.0, 0.0),
|
|
||||||
child: FFButtonWidget(
|
|
||||||
onPressed: () async {
|
|
||||||
final selectedMedia =
|
|
||||||
await selectMediaWithSourceBottomSheet(
|
|
||||||
context: context,
|
|
||||||
// maxWidth: 300.00,
|
|
||||||
// maxHeight: 300.00,
|
|
||||||
imageQuality: 100,
|
|
||||||
allowPhoto: true,
|
|
||||||
includeDimensions: true,
|
|
||||||
);
|
|
||||||
if (selectedMedia != null) {
|
|
||||||
// &&
|
|
||||||
// selectedMedia.every((m) =>
|
|
||||||
// validateFileFormat(
|
|
||||||
// m.storagePath, context))) {
|
|
||||||
setState(
|
|
||||||
() => _model.isDataUploading = true);
|
|
||||||
var selectedUploadedFiles =
|
|
||||||
<FFUploadedFile>[];
|
|
||||||
|
|
||||||
try {
|
|
||||||
showUploadMessage(
|
|
||||||
context,
|
|
||||||
'Uploading file...',
|
|
||||||
showLoading: true,
|
|
||||||
);
|
|
||||||
selectedUploadedFiles = selectedMedia
|
|
||||||
.map((m) => FFUploadedFile(
|
|
||||||
name: m.storagePath
|
|
||||||
.split('/')
|
|
||||||
.last,
|
|
||||||
bytes: m.bytes,
|
|
||||||
height: m.dimensions?.height,
|
|
||||||
width: m.dimensions?.width,
|
|
||||||
// blurHash: m.blurHash,
|
|
||||||
))
|
|
||||||
.toList();
|
|
||||||
} finally {
|
|
||||||
ScaffoldMessenger.of(context)
|
|
||||||
.hideCurrentSnackBar();
|
|
||||||
_model.isDataUploading = false;
|
|
||||||
}
|
|
||||||
if (selectedUploadedFiles.length ==
|
|
||||||
selectedMedia.length) {
|
|
||||||
setState(() {
|
|
||||||
_model.uploadedLocalFile =
|
|
||||||
selectedUploadedFiles.first;
|
|
||||||
});
|
|
||||||
showUploadMessage(context, 'Success!');
|
|
||||||
} else {
|
|
||||||
setState(() {});
|
|
||||||
showUploadMessage(
|
|
||||||
context, 'Failed to upload data');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
text: '',
|
|
||||||
icon: Icon(
|
|
||||||
Icons.photo_camera,
|
|
||||||
color: FlutterFlowTheme.of(context).accent1,
|
|
||||||
size: 30.0,
|
|
||||||
),
|
|
||||||
options: FFButtonOptions(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 120.0,
|
|
||||||
padding:
|
|
||||||
const EdgeInsetsDirectional.fromSTEB(
|
|
||||||
0.0, 0.0, 0.0, 20.0),
|
|
||||||
iconPadding:
|
|
||||||
const EdgeInsetsDirectional.fromSTEB(
|
|
||||||
14.0, 0.0, 0.0, 20.0),
|
|
||||||
color: FlutterFlowTheme.of(context)
|
|
||||||
.primaryBackground,
|
|
||||||
textStyle: FlutterFlowTheme.of(context)
|
|
||||||
.titleSmall
|
|
||||||
.override(
|
|
||||||
fontFamily:
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.titleSmallFamily,
|
|
||||||
color: FlutterFlowTheme.of(context)
|
|
||||||
.primaryText,
|
|
||||||
fontSize: 16.0,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap()
|
|
||||||
.containsKey(
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.titleSmallFamily),
|
|
||||||
),
|
|
||||||
borderSide: BorderSide(
|
|
||||||
color:
|
|
||||||
FlutterFlowTheme.of(context).accent1,
|
|
||||||
width: 0.2,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(8.0),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Align(
|
|
||||||
alignment: const AlignmentDirectional(0.0, 0.0),
|
|
||||||
child: Padding(
|
|
||||||
padding: const EdgeInsetsDirectional.fromSTEB(
|
|
||||||
10.0, 65.0, 10.0, 0.0),
|
|
||||||
child: Text(
|
|
||||||
FFLocalizations.of(context).getText(
|
|
||||||
'p4ftwxcy' /* Clique para adicionar a foto p... */,
|
|
||||||
),
|
|
||||||
style: FlutterFlowTheme.of(context)
|
|
||||||
.bodyMedium
|
|
||||||
.override(
|
|
||||||
fontFamily:
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.bodyMediumFamily,
|
|
||||||
color: FlutterFlowTheme.of(context)
|
|
||||||
.primaryText,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap()
|
|
||||||
.containsKey(
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.bodyMediumFamily),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Padding(
|
|
||||||
padding: const EdgeInsetsDirectional.fromSTEB(
|
|
||||||
24.0, 0.0, 24.0, 0.0),
|
|
||||||
child: TextFormField(
|
|
||||||
// controller: _model.textController1,
|
|
||||||
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
||||||
// focusNode: _model.textFieldFocusNode1,
|
|
||||||
// onChanged: (_) => EasyDebounce.debounce(
|
|
||||||
// '_model.textFieldFocusNode1',
|
|
||||||
// const Duration(milliseconds: 500),
|
|
||||||
// () => setState(() {}),
|
|
||||||
// ),
|
|
||||||
autofocus: false,
|
|
||||||
textInputAction: TextInputAction.next,
|
|
||||||
obscureText: false,
|
|
||||||
decoration: InputDecoration(
|
|
||||||
isDense: true,
|
|
||||||
labelText: FFLocalizations.of(context).getText(
|
|
||||||
'v7g73yik' /* Nome */,
|
|
||||||
),
|
|
||||||
labelStyle: FlutterFlowTheme.of(context)
|
|
||||||
.labelMedium
|
|
||||||
.override(
|
|
||||||
fontFamily: FlutterFlowTheme.of(context)
|
|
||||||
.labelMediumFamily,
|
|
||||||
color: FlutterFlowTheme.of(context).primaryText,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.labelMediumFamily),
|
|
||||||
),
|
|
||||||
hintStyle: FlutterFlowTheme.of(context)
|
|
||||||
.labelMedium
|
|
||||||
.override(
|
|
||||||
fontFamily: FlutterFlowTheme.of(context)
|
|
||||||
.labelMediumFamily,
|
|
||||||
color: FlutterFlowTheme.of(context).primaryText,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
|
||||||
FlutterFlowTheme.of(context)
|
|
||||||
.labelMediumFamily),
|
|
||||||
),
|
|
||||||
enabledBorder: OutlineInputBorder(
|
|
||||||
borderSide: BorderSide(
|
|
||||||
color: FlutterFlowTheme.of(context).customColor6,
|
|
||||||
width: 0.5,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
|
||||||
),
|
|
||||||
focusedBorder: OutlineInputBorder(
|
|
||||||
borderSide: BorderSide(
|
|
||||||
color: FlutterFlowTheme.of(context).primary,
|
|
||||||
width: 0.5,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
|
||||||
),
|
|
||||||
errorBorder: OutlineInputBorder(
|
|
||||||
borderSide: BorderSide(
|
|
||||||
color: FlutterFlowTheme.of(context).error,
|
|
||||||
width: 0.5,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
|
||||||
),
|
|
||||||
focusedErrorBorder: OutlineInputBorder(
|
|
||||||
borderSide: BorderSide(
|
|
||||||
color: FlutterFlowTheme.of(context).error,
|
|
||||||
width: 0.5,
|
|
||||||
),
|
|
||||||
borderRadius: BorderRadius.circular(10.0),
|
|
||||||
),
|
|
||||||
suffixIcon: Icon(
|
|
||||||
Icons.person,
|
|
||||||
color: FlutterFlowTheme.of(context).accent1,
|
|
||||||
),
|
|
||||||
),
|
|
||||||
style: FlutterFlowTheme.of(context).bodyMedium.override(
|
|
||||||
fontFamily:
|
|
||||||
FlutterFlowTheme.of(context).bodyMediumFamily,
|
|
||||||
color: FlutterFlowTheme.of(context).primaryText,
|
|
||||||
letterSpacing: 0.0,
|
|
||||||
useGoogleFonts: GoogleFonts.asMap().containsKey(
|
|
||||||
FlutterFlowTheme.of(context).bodyMediumFamily),
|
|
||||||
),
|
|
||||||
maxLines: null,
|
|
||||||
maxLength: 80,
|
maxLength: 80,
|
||||||
keyboardType: TextInputType.name,
|
|
||||||
inputFormatters: [LengthLimitingTextInputFormatter(80)],
|
|
||||||
// validator:
|
|
||||||
// _model.textController1Validator.asValidator(context),
|
|
||||||
),
|
),
|
||||||
|
CustomInputUtil(
|
||||||
|
labelText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Espécie', enText: 'Species'),
|
||||||
|
hintText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Espécie', enText: 'Species'),
|
||||||
|
suffixIcon: Icons.pest_control,
|
||||||
|
haveMaxLength: false,
|
||||||
|
),
|
||||||
|
CustomInputUtil(
|
||||||
|
labelText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Raça', enText: 'Race'),
|
||||||
|
hintText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Raça', enText: 'Race'),
|
||||||
|
suffixIcon: Icons.pets,
|
||||||
|
haveMaxLength: false,
|
||||||
|
),
|
||||||
|
CustomInputUtil(
|
||||||
|
labelText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Cor', enText: 'Color'),
|
||||||
|
hintText: FFLocalizations.of(context)
|
||||||
|
.getVariableText(ptText: 'Cor', enText: 'Color'),
|
||||||
|
suffixIcon: Icons.invert_colors,
|
||||||
|
haveMaxLength: false,
|
||||||
|
),
|
||||||
|
CustomDatePickerUtil(
|
||||||
|
// controller: ,
|
||||||
|
hintText: FFLocalizations.of(context).getVariableText(
|
||||||
|
ptText: 'Data de Nascimento', enText: 'Birth Date'),
|
||||||
|
dateFormat: 'dd/MM/yyyy HH:mm:ss',
|
||||||
|
locale: FFLocalizations.of(context).languageCode,
|
||||||
|
firstDate: DateTime(2000),
|
||||||
|
lastDate: DateTime(2050),
|
||||||
|
validator: (value) {
|
||||||
|
if (value == null || value.isEmpty) {
|
||||||
|
return 'Por favor, selecione uma data';
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
},
|
||||||
),
|
),
|
||||||
])),
|
])),
|
||||||
],
|
],
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue