209 lines
9.4 KiB
Dart
209 lines
9.4 KiB
Dart
import 'package:ernaehrung/android/pages/nav_pages/main_page.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_form_builder/flutter_form_builder.dart';
|
|
import 'package:form_builder_validators/form_builder_validators.dart';
|
|
import 'package:hive_flutter/hive_flutter.dart';
|
|
|
|
import '../models/user.dart';
|
|
|
|
class OnboardingPage extends StatefulWidget {
|
|
const OnboardingPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<OnboardingPage> createState() => _OnboardingPageState();
|
|
}
|
|
|
|
class _OnboardingPageState extends State<OnboardingPage> {
|
|
InputDecoration decoration(String hintText) {
|
|
return InputDecoration(
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(10.0))),
|
|
filled: true,
|
|
hintStyle: TextStyle(color: Colors.grey.shade400),
|
|
hintText: hintText,
|
|
labelText: hintText,
|
|
fillColor: Colors.white70);
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final _formKey = GlobalKey<FormBuilderState>();
|
|
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
title: const Text("Welcome"),
|
|
backgroundColor: Colors.grey.shade100,
|
|
),
|
|
body: FormBuilder(
|
|
key: _formKey,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(8),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
children: [
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'vorname',
|
|
decoration: decoration("Vorname"),
|
|
keyboardType: TextInputType.text,
|
|
maxLength: 30,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.minLength(2,
|
|
errorText:
|
|
"Die Name sollte mindestens 2 Zeichen lang sein"),
|
|
FormBuilderValidators.maxLength(30,
|
|
errorText:
|
|
"Die Name sollte maximal 30 Zeichen lang sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'nachname',
|
|
decoration: decoration("Nachname"),
|
|
keyboardType: TextInputType.text,
|
|
maxLength: 30,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.minLength(2,
|
|
errorText:
|
|
"Die Nachname sollte mindestens 2 Zeichen lang sein"),
|
|
FormBuilderValidators.maxLength(30,
|
|
errorText:
|
|
"Die Nachname sollte maximal 30 Zeichen lang sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'gewicht',
|
|
decoration: decoration("Gewicht"),
|
|
keyboardType: TextInputType.number,
|
|
maxLength: 7,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.numeric(
|
|
errorText:
|
|
"Der Gewicht sollte mindestens 10 kg sein"),
|
|
FormBuilderValidators.max(200,
|
|
errorText:
|
|
"Der Gewicht sollte maximal 200 kg sein"),
|
|
FormBuilderValidators.min(10,
|
|
errorText:
|
|
"Der Gewicht sollte mindestens 10 kg sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'groesse',
|
|
decoration: decoration("Größe"),
|
|
keyboardType: TextInputType.number,
|
|
maxLength: 7,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.numeric(
|
|
errorText: "Die Größe sollte mindestens 60cm sein"),
|
|
FormBuilderValidators.max(230,
|
|
errorText: "Die Größe sollte maximal 230cm sein"),
|
|
FormBuilderValidators.min(60,
|
|
errorText: "Die Größe sollte mindestens 60cm sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'alter',
|
|
decoration: decoration("Alter"),
|
|
keyboardType: TextInputType.number,
|
|
maxLength: 7,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.numeric(
|
|
errorText:
|
|
"Das Alter sollte mindestens 6 Jahre alt sein"),
|
|
FormBuilderValidators.max(99,
|
|
errorText:
|
|
"Das Alter sollte maximal 99 Jahre alt sein"),
|
|
FormBuilderValidators.min(6,
|
|
errorText:
|
|
"Das Alter sollte mindestens 6 Jahre alt sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin:
|
|
const EdgeInsets.symmetric(vertical: 8, horizontal: 0),
|
|
child: FormBuilderTextField(
|
|
name: 'kalorien',
|
|
decoration:
|
|
decoration("gewünschte Kalorienzufuhr: min. 1000"),
|
|
keyboardType: TextInputType.number,
|
|
maxLength: 7,
|
|
autovalidateMode: AutovalidateMode.onUserInteraction,
|
|
validator: FormBuilderValidators.compose([
|
|
FormBuilderValidators.required(),
|
|
FormBuilderValidators.numeric(
|
|
errorText:
|
|
"Die Kalorienanzahl sollte mindestens 1000 Kcal sein"),
|
|
FormBuilderValidators.max(30000),
|
|
FormBuilderValidators.min(1000,
|
|
errorText:
|
|
"Die Kalorienanzahl sollte mindestens 1000 Kcal sein")
|
|
]),
|
|
),
|
|
),
|
|
Container(
|
|
margin: const EdgeInsets.symmetric(
|
|
vertical: 8, horizontal: 0),
|
|
width: double.infinity,
|
|
child: ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
minimumSize: const Size.fromHeight(40), //
|
|
backgroundColor: const Color(0xFF6E7BFB),
|
|
foregroundColor: const Color(0xFFffffff),
|
|
shape: const StadiumBorder(),
|
|
),
|
|
onPressed: () {
|
|
final Box box = Hive.box<User>("USER_BOX");
|
|
box.put("USER", User(
|
|
_formKey.currentState?.fields['vorname']?.value,
|
|
_formKey.currentState?.fields['nachname']?.value,
|
|
int.parse(_formKey.currentState?.fields['gewicht']?.value),
|
|
int.parse(_formKey.currentState?.fields['groesse']?.value),
|
|
int.parse(_formKey.currentState?.fields['alter']?.value),
|
|
int.parse(_formKey.currentState?.fields['kalorien']?.value)
|
|
));
|
|
|
|
print(box.get("USER"));
|
|
|
|
Navigator
|
|
.of(context)
|
|
.pushReplacement(MaterialPageRoute(builder: (BuildContext context) => const MainPage()));
|
|
},
|
|
child: const Text("Eingaben bestätigen"),
|
|
)),
|
|
],
|
|
),
|
|
),
|
|
)),
|
|
);
|
|
}
|
|
}
|