input_sheet 0.2.1 
input_sheet: ^0.2.1 copied to clipboard
A flutter package to help apps with extensive forms, implementing inputs as BottomSheet to make it enjoyable.
import 'dart:io';
import 'dart:typed_data';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:input_sheet/components/IpsCard.dart';
import 'package:input_sheet/components/IpsError.dart';
import 'package:input_sheet/components/IpsIcon.dart';
import 'package:input_sheet/components/IpsLabel.dart';
import 'package:input_sheet/components/IpsPhoto.dart';
import 'package:input_sheet/components/IpsVideo.dart';
import 'package:input_sheet/components/IpsValue.dart';
import 'package:input_sheet/input_sheet.dart';
import 'package:flutter_feather_icons/flutter_feather_icons.dart';
import 'package:input_sheet/utils/colors.dart';
import 'utils/formatter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Input Sheet Demo',
theme: ThemeData(
primarySwatch: IpsColors.dark,
),
home: MyHomePage(title: 'Input Sheet Demo'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
String _name;
String _about;
String _phone;
double _currency;
String _flavor;
List<String> _selectedCategories;
String _birth;
String _dinner;
String _appointment;
File _photo;
File _video;
Uint8List _thumbnailVideo;
Map<String, dynamic> _errors = new Map<String, dynamic>();
Map<String, String> _flavors = {
"0": "Chocolate",
"1": "Vanilla",
"2": "Strawberry",
};
Map<String, String> _categories = {
"comedy" : "Comedy",
"romance" : "Romance",
"horror" : "Horror",
"action" : "Action",
"adventure" : "Adventure",
"dramaturgy": "Dramaturgy",
};
String get _selectedCategoriesLabel {
List<String> selecteds = (_selectedCategories??[]).map((value) => _categories[value]).toList();
return selecteds.length == 0 ? "Touch to select..." : selecteds.join(", ");
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: SingleChildScrollView(
child: Padding(
padding: EdgeInsets.all(25),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Text(
'Text example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Name"),
value: IpsValue(_name ?? "Touch to edit..."),
icon: IpsIcon(FeatherIcons.user),
error: IpsError(_errors['_name']),
onClick: () => InputSheet(
context,
label: "Name",
cancelText: "Cancel",
doneText: "Confirm",
).text(
placeholder: "Type here...",
value: _name,
onDone: (dynamic value) => setState(() {
_name = value;
}),
),
),
SizedBox(height: 25),
Text(
'Long text example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Describe about you"),
value: IpsValue(_about ?? "Touch to edit..."),
icon: IpsIcon(FeatherIcons.fileText),
error: IpsError(_errors['_about']),
onClick: () => InputSheet(
context,
label: "About you",
cancelText: "Cancel",
doneText: "Confirm",
).longtext(
placeholder: "Type here...",
value: _about,
onDone: (dynamic value) => setState(() {
_about = value;
}),
),
),
SizedBox(height: 25),
Text(
'Mask example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Phone"),
value: IpsValue(_phone ?? "Touch to edit..."),
icon: IpsIcon(FeatherIcons.phone),
error: IpsError(_errors['_phone']),
onClick: () => InputSheet(
context,
label: "Phone",
cancelText: "Cancel",
doneText: "Confirm",
).mask(
textInputType: TextInputType.number,
placeholder: "Type here...",
masks: ["(00) 0000-0000", "(00) 0 0000-0000"],
value: _phone,
onDone: (dynamic value) => setState(() {
_phone = value;
}),
),
),
SizedBox(height: 25),
Text(
'Number example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Set your salary"),
value: IpsValue(_currency == null
? "Touch to edit..."
: Formatters.formatUS(_currency).symbolOnLeft),
icon: IpsIcon(FeatherIcons.dollarSign),
error: IpsError(_errors['_currency']),
onClick: () => InputSheet(
context,
label: "Set your salary",
cancelText: "Cancel",
doneText: "Confirm",
).number(
leftSymbol: "my salary is: ",
rightSymbol: " U\$",
decimalSeparator: ".",
thousandSeparator: ",",
precision: 2,
placeholder: "Type here...",
value: _currency ?? 0,
onDone: (double value) => setState(() {
_currency = value;
}),
),
),
SizedBox(height: 25),
Text(
'Options example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Your preferred flavor"),
value: IpsValue(_flavors.containsKey(_flavor)
? _flavors[_flavor]
: "Touch to select..."),
icon: IpsIcon(FeatherIcons.menu),
error: IpsError(_errors['_currency']),
onClick: () => InputSheet(
context,
label: "Choose a flavor",
cancelText: "Cancel",
doneText: "Confirm",
).options(
value: _flavor,
options: _flavors,
onDone: (String value) => setState(() {
_flavor = value;
}),
),
),
SizedBox(height: 25),
Text(
'Multiple Options example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Movie categories you like"),
value: IpsValue(_selectedCategoriesLabel),
icon: IpsIcon(FeatherIcons.menu),
error: IpsError(_errors['_currency']),
onClick: () => InputSheet(
context,
label: "Choose many categories",
cancelText: "Cancel",
doneText: "Confirm",
).multioptions(
value: _selectedCategories,
options: _categories,
onDone: (List<String> value) => setState(() {
_selectedCategories = value;
}),
),
),
SizedBox(height: 25),
Text(
'Date example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Your birth date"),
value: IpsValue(_birth ?? "Touch to select..."),
icon: IpsIcon(FeatherIcons.calendar),
error: IpsError(_errors['_birth']),
onClick: () => InputSheet(
context,
label: "Select a date",
cancelText: "Cancel",
doneText: "Confirm",
).date(
value: _birth,
minDateTime:
DateTime.now().subtract(Duration(days: 365 * 100)),
maxDateTime: DateTime.now(),
format: "yyyy/MM/dd",
pickerFormat: "yyyy|MMMM|dd",
onDone: (String value) => setState(() {
_birth = value;
}),
),
),
SizedBox(height: 25),
Text(
'Time example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Your dinner time"),
value: IpsValue(_dinner ?? "Touch to select..."),
icon: IpsIcon(FeatherIcons.clock),
error: IpsError(_errors['_dinner']),
onClick: () => InputSheet(
context,
label: "Select a time",
cancelText: "Cancel",
doneText: "Confirm",
).time(
value: _dinner,
format: "HH:mm",
pickerFormat: "HH|mm",
minuteDivider: 10,
onDone: (String value) => setState(() {
_dinner = value;
}),
),
),
SizedBox(height: 25),
Text(
'Date and Time example:',
),
SizedBox(height: 15),
IpsCard(
label: IpsLabel("Schedule an appointment"),
value: IpsValue(_appointment ?? "Touch to select..."),
icon: IpsIcon(FeatherIcons.calendar),
error: IpsError(_errors['_appointment']),
onClick: () => InputSheet(
context,
label: "Set your appointment",
cancelText: "Cancel",
doneText: "Confirm",
).datetime(
value: _appointment,
minDateTime: DateTime.now(),
maxDateTime: DateTime.now().add(Duration(days: 7)),
format: "yyyy/MM/dd HH:mm",
pickerFormat: "yyyy/MM/dd|HH|mm",
minuteDivider: 5,
onDone: (String value) => setState(() {
_appointment = value;
}),
),
),
SizedBox(height: 25),
Text(
'Media example:',
),
SizedBox(height: 15),
Row(
children: <Widget>[
Expanded(
child: IpsPhoto(
file: _photo,
onClick: () => InputSheet(
context,
cancelText: "Cancel",
doneText: "Confirm",
).photo(
file: _photo,
onDone: (File file, Uint8List thumbnail) =>
setState(() {
_photo = file;
}),
),
),
),
Expanded(
child: IpsVideo(
thumbnail: _thumbnailVideo,
onClick: () => InputSheet(
context,
cancelText: "Cancel",
doneText: "Confirm",
).video(
file: _video,
onDone: (File file, Uint8List thumbnail) =>
setState(() {
_video = file;
_thumbnailVideo = thumbnail;
}),
),
),
),
],
)
],
),
),
),
);
}
}Metadata
46
likes
40
pub points
0%
popularity
Publisher
unverified uploader
Metadata
A flutter package to help apps with extensive forms, implementing inputs as BottomSheet to make it enjoyable.
Repository (GitHub)
View/report issues
License
MIT (LICENSE)
Dependencies
after_layout, cached_network_image, camera, flutter, flutter_cupertino_date_picker, flutter_feather_icons, flutter_keyboard_size, flutter_masked_text, flutter_mobx, intl, keyboard_utils, mobx, path_provider, permission_handler, quiver, uuid, video_compress, video_player
