add length picker

This commit is contained in:
Sai Naw Wun
2020-10-14 01:51:53 +06:30
parent 6ab65065ec
commit 8f5542c4fb
15 changed files with 481 additions and 215 deletions

View File

@@ -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

View File

@@ -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(

View 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\"";
}
}

View 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();
}
}

View 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,
)
],
);
}
}

View File

@@ -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(