add length picker
This commit is contained in:
@@ -13,9 +13,10 @@ class DefaultDeliveryAddress extends StatelessWidget {
|
||||
final DeliveryAddress deliveryAddress;
|
||||
final String labelKey;
|
||||
final OnTap onTap;
|
||||
final IconData iconData;
|
||||
|
||||
const DefaultDeliveryAddress(
|
||||
{Key key, this.deliveryAddress, this.onTap, this.labelKey})
|
||||
{Key key, this.deliveryAddress, this.onTap, this.labelKey, this.iconData})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
@@ -28,7 +29,7 @@ class DefaultDeliveryAddress extends StatelessWidget {
|
||||
Expanded(
|
||||
child: DisplayText(
|
||||
labelTextKey: this.labelKey ?? "delivery_address",
|
||||
iconData: MaterialCommunityIcons.truck_fast,
|
||||
iconData: iconData ?? MaterialCommunityIcons.truck_fast,
|
||||
),
|
||||
),
|
||||
onTap == null
|
||||
|
||||
@@ -15,6 +15,8 @@ class InputText extends StatelessWidget {
|
||||
final Color borderColor;
|
||||
final TextInputType textInputType;
|
||||
final bool autoFocus;
|
||||
final TextAlign textAlign;
|
||||
final bool enabled;
|
||||
|
||||
const InputText(
|
||||
{Key key,
|
||||
@@ -26,7 +28,9 @@ class InputText extends StatelessWidget {
|
||||
this.withBorder = false,
|
||||
this.borderColor,
|
||||
this.autoFocus = false,
|
||||
this.textInputType})
|
||||
this.textInputType,
|
||||
this.enabled = true,
|
||||
this.textAlign})
|
||||
: super(key: key);
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
@@ -35,12 +39,14 @@ class InputText extends StatelessWidget {
|
||||
return Padding(
|
||||
padding: const EdgeInsets.only(top: 15.0, bottom: 5),
|
||||
child: TextFormField(
|
||||
enabled: enabled,
|
||||
controller: controller,
|
||||
autofocus: autoFocus,
|
||||
cursorColor: primaryColor,
|
||||
style: textStyle,
|
||||
maxLines: maxLines,
|
||||
keyboardType: textInputType,
|
||||
textAlign: textAlign ?? TextAlign.start,
|
||||
decoration: new InputDecoration(
|
||||
// hintText: '',
|
||||
hintStyle: TextStyle(
|
||||
|
||||
183
lib/pages/widgets/length_picker.dart
Normal file
183
lib/pages/widgets/length_picker.dart
Normal file
@@ -0,0 +1,183 @@
|
||||
import 'package:fcs/helpers/theme.dart';
|
||||
import 'package:fcs/pages/widgets/local_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
import 'input_text.dart';
|
||||
|
||||
class LengthPicker extends StatefulWidget {
|
||||
final TextEditingController controller;
|
||||
final String lableKey;
|
||||
|
||||
const LengthPicker({Key key, this.controller, this.lableKey})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
_LengthPickerState createState() => _LengthPickerState();
|
||||
}
|
||||
|
||||
class _LengthPickerState extends State<LengthPicker> {
|
||||
TextEditingController _controller = TextEditingController();
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
if (widget.controller != null) {
|
||||
_setText();
|
||||
widget.controller.addListener(() {
|
||||
_setText();
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
_setText() {
|
||||
int v = int.parse(widget.controller.text, onError: (s) => 0);
|
||||
int f = (v / 12).round();
|
||||
int ins = (v % 12).round();
|
||||
_controller.text = "$f' $ins\"";
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return InkWell(
|
||||
onTap: () => _showDialog(context),
|
||||
child: Padding(
|
||||
padding: EdgeInsets.only(left: 8, right: 8),
|
||||
child: InputText(
|
||||
enabled: false,
|
||||
labelTextKey: widget.lableKey,
|
||||
controller: _controller,
|
||||
textInputType: TextInputType.number,
|
||||
textAlign: TextAlign.end,
|
||||
)),
|
||||
);
|
||||
}
|
||||
|
||||
void _showDialog(BuildContext context) {
|
||||
showDialog(
|
||||
context: context,
|
||||
builder: (BuildContext context) {
|
||||
return LengthPickerDialog(
|
||||
controller: widget.controller,
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class LengthPickerDialog extends StatefulWidget {
|
||||
final TextEditingController controller;
|
||||
|
||||
const LengthPickerDialog({Key key, this.controller}) : super(key: key);
|
||||
|
||||
@override
|
||||
_LengthPickerDialogState createState() => _LengthPickerDialogState();
|
||||
}
|
||||
|
||||
class _LengthPickerDialogState extends State<LengthPickerDialog> {
|
||||
double _valueFeet;
|
||||
double _valueInc;
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_valueFeet = 0;
|
||||
_valueInc = 0;
|
||||
if (widget.controller != null) {
|
||||
double v = double.parse(widget.controller.text, (s) => 0);
|
||||
_valueFeet = v / 12;
|
||||
_valueInc = v % 12;
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SimpleDialog(
|
||||
title: Center(
|
||||
child: LocalText(
|
||||
context,
|
||||
"shipment.box.height",
|
||||
color: primaryColor,
|
||||
fontSize: 16,
|
||||
)),
|
||||
children: [
|
||||
Center(child: Text(_getText(_valueFeet))),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 8.0, left: 8),
|
||||
child: LocalText(
|
||||
context,
|
||||
"feet",
|
||||
color: primaryColor,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
Slider(
|
||||
activeColor: primaryColor,
|
||||
value: _valueFeet,
|
||||
min: 0,
|
||||
max: 15,
|
||||
divisions: 100,
|
||||
label: (_valueFeet ?? 0).round().toString(),
|
||||
onChanged: (double v) {
|
||||
_updateFeet(v);
|
||||
},
|
||||
),
|
||||
],
|
||||
),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(top: 8.0, left: 8),
|
||||
child: LocalText(
|
||||
context,
|
||||
"inch",
|
||||
color: primaryColor,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
Slider(
|
||||
activeColor: primaryColor,
|
||||
value: _valueInc,
|
||||
min: 0,
|
||||
max: 11,
|
||||
divisions: 100,
|
||||
label: (_valueInc ?? 0).round().toString(),
|
||||
onChanged: (double v) {
|
||||
_updateInc(v);
|
||||
},
|
||||
),
|
||||
],
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
|
||||
_updateFeet(double v) {
|
||||
setState(() {
|
||||
_valueFeet = v;
|
||||
});
|
||||
if (widget.controller != null) {
|
||||
int _v = _valueInc.round() + _valueFeet.round() * 12;
|
||||
widget.controller.text = _v.toString();
|
||||
}
|
||||
}
|
||||
|
||||
_updateInc(double v) {
|
||||
setState(() {
|
||||
_valueInc = v;
|
||||
});
|
||||
if (widget.controller != null) {
|
||||
int _v = _valueInc.round() + _valueFeet.round() * 12;
|
||||
widget.controller.text = _v.toString();
|
||||
}
|
||||
}
|
||||
|
||||
String _getText(double v) {
|
||||
int ft = _valueFeet.round();
|
||||
int ins = _valueInc.round();
|
||||
return "$ft\' $ins\"";
|
||||
}
|
||||
}
|
||||
41
lib/pages/widgets/local_radio_buttons.dart
Normal file
41
lib/pages/widgets/local_radio_buttons.dart
Normal file
@@ -0,0 +1,41 @@
|
||||
import 'package:fcs/helpers/theme.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class LocalRadioButtons<T> extends StatelessWidget {
|
||||
final Function(T) callback;
|
||||
final IconData iconData;
|
||||
final T selectedValue;
|
||||
final List<T> values;
|
||||
|
||||
const LocalRadioButtons(
|
||||
{Key key, this.callback, this.iconData, this.selectedValue, this.values})
|
||||
: super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(children: getChildren());
|
||||
}
|
||||
|
||||
List<Widget> getChildren() {
|
||||
return values
|
||||
.toList()
|
||||
.map((e) => SizedBox(
|
||||
height: 30,
|
||||
child: InkWell(
|
||||
onTap: () => callback(e),
|
||||
child: Row(children: <Widget>[
|
||||
Radio<T>(
|
||||
activeColor: primaryColor,
|
||||
groupValue: selectedValue,
|
||||
value: e,
|
||||
onChanged: (T value) {
|
||||
callback(value);
|
||||
},
|
||||
),
|
||||
Text(e.toString()),
|
||||
]),
|
||||
)))
|
||||
.toList();
|
||||
}
|
||||
}
|
||||
40
lib/pages/widgets/local_title.dart
Normal file
40
lib/pages/widgets/local_title.dart
Normal file
@@ -0,0 +1,40 @@
|
||||
import 'package:fcs/helpers/theme.dart';
|
||||
import 'package:fcs/pages/widgets/local_text.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
|
||||
class LocalTitle extends StatelessWidget {
|
||||
final String textKey;
|
||||
final Widget trailing;
|
||||
|
||||
const LocalTitle({Key key, this.textKey, this.trailing}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 18),
|
||||
child: Row(
|
||||
children: [
|
||||
LocalText(
|
||||
context,
|
||||
textKey,
|
||||
fontSize: 20,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: primaryColor,
|
||||
),
|
||||
trailing != null ? Spacer() : Container(),
|
||||
trailing != null ? trailing : Container()
|
||||
],
|
||||
),
|
||||
),
|
||||
Divider(
|
||||
thickness: 2,
|
||||
color: primaryColor,
|
||||
)
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -38,7 +38,7 @@ class TitleWithAddButton extends StatelessWidget {
|
||||
onTap == null
|
||||
? Container()
|
||||
: Padding(
|
||||
padding: const EdgeInsets.only(right: 25.0),
|
||||
padding: const EdgeInsets.only(right: 0),
|
||||
child: IconButton(
|
||||
onPressed: () => onTap(),
|
||||
icon: Icon(
|
||||
|
||||
Reference in New Issue
Block a user