dynamic_form 0.6.0 dynamic_form: ^0.6.0 copied to clipboard
generate your form with easier way, Pre-existing forms, fields ,customize your form in runtime
import 'package:dynamic_form/dynamic_form.dart';
import 'package:flutter/material.dart';
import 'package:formdynamic/login_page.dart';
import 'payment_example.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
State<StatefulWidget> createState() => _MyAppState();
// This widget is the root of your application.
}
class _MyAppState extends State<MyApp> with TickerProviderStateMixin {
TabController tabController;
@override
void initState() {
super.initState();
tabController = TabController(
length: 3,
initialIndex: 2,
vsync: this,
);
}
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Dynamic Form Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
backgroundColor: Colors.grey[300],
),
home: Scaffold(
appBar: AppBar(
title: Text("Demo"),
bottom: TabBar(
controller: tabController,
tabs: <Widget>[
GestureDetector(
onTap: () {
tabController.index = 0;
},
child: Text("Basic Example"),
),
GestureDetector(
onTap: () {
tabController.index = 1;
},
child: Text("Login form "),
),
GestureDetector(
onTap: () {
tabController.index = 2;
},
child: Text("payment form "),
),
],
),
actions: [],
),
body: TabBarView(
controller: tabController,
children: <Widget>[
MyHomePage(),
LoginPage(),
PaymentExample(),
],
),
),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
GlobalKey<SimpleDynamicFormState> _globalKey =
GlobalKey<SimpleDynamicFormState>();
return SingleChildScrollView(
child: Column(
children: <Widget>[
SimpleDynamicForm(
key: _globalKey,
groupElements: [
GroupElement(
margin: EdgeInsets.only(bottom: 5.0),
directionGroup: DirectionGroup.Horizontal,
sizeElements: [0.3],
textElements: [
TextElement(
initValue: "",
label: "first name",
hint: "first name",
validator: (v) {
if (v.isEmpty) {
return "err";
}
return null;
}),
TextElement(
label: "last name",
isRequired: true,
initValue: "your name",
validator: (v){
if(v!="your name"){
return "name not accepted";
}
return null;
}
),
],
),
GroupElement(
directionGroup: DirectionGroup.Vertical,
textElements: [
PhoneNumberElement(
label: "Phone Number",
hint: "XXXXXXXXX",
errorMsg: "invalid phone number",
initValue: "1234567",
showPrefix: true,
showPrefixFlag: true,
readOnly: false,
visibility: false,
decorationElement: OutlineDecorationElement(
borderColor: Colors.grey,
),
),
DateElement(
id: "date",
hint: "date",
label: "date",
isRequired: true,
errorMsg: "this field is required",
),
TextElement(
label: "last name",
isRequired: true,
initValue: "your name",
error: "this field is required",
validator: (v) {
if (v != "your name") {
return "name not accepted";
}
return null;
},
),
],
),
GroupElement(
directionGroup: DirectionGroup.Vertical,
textElements: [
CountryElement(
id: "countries",
label: "Pays",
labelModalSheet: "Pays",
labelSearchModalSheet: "search",
initValue: "",
countryTextResult: CountryTextResult.countryCode,
showFlag: true,
),
TextAreaElement(
maxCharacter: 300, maxLines: 4, showCounter: false)
],
),
],
),
Row(
children: [
RaisedButton(
onPressed: () {
print(_globalKey.currentState.validate());
print(_globalKey.currentState.recuperateAllValues());
print(_globalKey.currentState.recuperateByIds());
print(_globalKey.currentState.singleValueById("countries"));
},
child: Text("Validate"),
),
RaisedButton(
onPressed: () {
_globalKey.currentState.clearValues();
},
child: Text("Clear data"),
),
],
)
],
),
);
}
}