Code is B-E-A-U-TIFUL! All complies to standards.
Complies to flutter/dart 'pedantic' coding standards (their name, not mine)
This commit is contained in:
parent
19021a9a09
commit
55310068ea
55 changed files with 915 additions and 785 deletions
|
@ -2,10 +2,6 @@ import 'package:flutter/material.dart';
|
|||
import 'package:simple_animations/simple_animations.dart';
|
||||
|
||||
class AnimatedBackground extends StatelessWidget {
|
||||
final List<Color> animateColors;
|
||||
final Color lastColor;
|
||||
final Alignment begin, end;
|
||||
final int duration;
|
||||
|
||||
AnimatedBackground(
|
||||
this.animateColors,
|
||||
|
@ -15,6 +11,11 @@ class AnimatedBackground extends StatelessWidget {
|
|||
this.duration,
|
||||
);
|
||||
|
||||
final List<Color> animateColors;
|
||||
final Color lastColor;
|
||||
final Alignment begin, end;
|
||||
final int duration;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final tween = MultiTrackTween([
|
||||
|
@ -37,4 +38,4 @@ class AnimatedBackground extends StatelessWidget {
|
|||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,9 +4,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class DonutAutoLabelChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
DonutAutoLabelChart(this.seriesList, {this.animate});
|
||||
|
||||
/// Creates a [PieChart] with sample data and no transition.
|
||||
|
@ -18,6 +15,8 @@ class DonutAutoLabelChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -67,8 +66,8 @@ class DonutAutoLabelChart extends StatelessWidget {
|
|||
|
||||
/// Sample linear data type.
|
||||
class LinearSales {
|
||||
LinearSales(this.key, this.sales);
|
||||
|
||||
final String key;
|
||||
final int sales;
|
||||
|
||||
LinearSales(this.key, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -2,13 +2,12 @@ import 'package:flutter/material.dart';
|
|||
import 'package:local_spend/common/widgets/charts/time_series_simple.dart';
|
||||
|
||||
class TimeSeries extends StatelessWidget {
|
||||
|
||||
final String chartDataName;
|
||||
|
||||
TimeSeries({
|
||||
this.chartDataName,
|
||||
});
|
||||
|
||||
final String chartDataName;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return new Container(
|
||||
|
@ -16,4 +15,4 @@ class TimeSeries extends StatelessWidget {
|
|||
child: SimpleTimeSeriesChart.withSampleData(),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,9 +3,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class DonutPieChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
DonutPieChart(this.seriesList, {this.animate});
|
||||
|
||||
/// Creates a [PieChart] with sample data and no transition.
|
||||
|
@ -16,6 +13,8 @@ class DonutPieChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -46,11 +45,10 @@ class DonutPieChart extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/// Sample linear data type.
|
||||
class LinearSales {
|
||||
LinearSales(this.year, this.sales);
|
||||
|
||||
final int year;
|
||||
final int sales;
|
||||
|
||||
LinearSales(this.year, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,9 +3,6 @@ import 'package:flutter/material.dart';
|
|||
import 'package:charts_flutter/flutter.dart' as charts;
|
||||
|
||||
class GroupedBarChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
GroupedBarChart(this.seriesList, {this.animate});
|
||||
|
||||
factory GroupedBarChart.withSampleData() {
|
||||
|
@ -16,6 +13,8 @@ class GroupedBarChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -74,8 +73,8 @@ class GroupedBarChart extends StatelessWidget {
|
|||
|
||||
/// Sample ordinal data type.
|
||||
class OrdinalSales {
|
||||
OrdinalSales(this.year, this.sales);
|
||||
|
||||
final String year;
|
||||
final int sales;
|
||||
|
||||
OrdinalSales(this.year, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -4,8 +4,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class NumericComboLineBarChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
NumericComboLineBarChart(this.seriesList, {this.animate});
|
||||
|
||||
|
@ -18,6 +16,8 @@ class NumericComboLineBarChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -29,7 +29,7 @@ class NumericComboLineBarChart extends StatelessWidget {
|
|||
// Custom renderer configuration for the bar series.
|
||||
customSeriesRenderers: [
|
||||
new charts.BarRendererConfig(
|
||||
// ID used to link series to this renderer.
|
||||
// ID used to link series to this renderer.
|
||||
customRendererId: 'customBar')
|
||||
]);
|
||||
}
|
||||
|
@ -65,7 +65,7 @@ class NumericComboLineBarChart extends StatelessWidget {
|
|||
measureFn: (LinearSales sales, _) => sales.sales,
|
||||
data: desktopSalesData,
|
||||
)
|
||||
// Configure our custom bar renderer for this series.
|
||||
// Configure our custom bar renderer for this series.
|
||||
..setAttribute(charts.rendererIdKey, 'customBar'),
|
||||
new charts.Series<LinearSales, int>(
|
||||
id: 'Tablet',
|
||||
|
@ -74,7 +74,7 @@ class NumericComboLineBarChart extends StatelessWidget {
|
|||
measureFn: (LinearSales sales, _) => sales.sales,
|
||||
data: tableSalesData,
|
||||
)
|
||||
// Configure our custom bar renderer for this series.
|
||||
// Configure our custom bar renderer for this series.
|
||||
..setAttribute(charts.rendererIdKey, 'customBar'),
|
||||
new charts.Series<LinearSales, int>(
|
||||
id: 'Mobile',
|
||||
|
@ -88,8 +88,8 @@ class NumericComboLineBarChart extends StatelessWidget {
|
|||
|
||||
/// Sample linear data type.
|
||||
class LinearSales {
|
||||
LinearSales(this.year, this.sales);
|
||||
|
||||
final int year;
|
||||
final int sales;
|
||||
|
||||
LinearSales(this.year, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,9 +3,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class PieOutsideLabelChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
PieOutsideLabelChart(this.seriesList, {this.animate});
|
||||
|
||||
/// Creates a [PieChart] with sample data and no transition.
|
||||
|
@ -17,6 +14,8 @@ class PieOutsideLabelChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -62,8 +61,8 @@ class PieOutsideLabelChart extends StatelessWidget {
|
|||
|
||||
/// Sample linear data type.
|
||||
class LinearSales {
|
||||
LinearSales(this.year, this.sales);
|
||||
|
||||
final int year;
|
||||
final int sales;
|
||||
|
||||
LinearSales(this.year, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,8 +8,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class BucketingAxisScatterPlotChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
BucketingAxisScatterPlotChart(this.seriesList, {this.animate});
|
||||
|
||||
|
@ -22,6 +20,8 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -77,7 +77,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Cheese',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.blue.shadeDefault,
|
||||
charts.MaterialPalette.blue.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -85,7 +85,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Carrots',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.red.shadeDefault,
|
||||
charts.MaterialPalette.red.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -93,7 +93,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Cucumbers',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.green.shadeDefault,
|
||||
charts.MaterialPalette.green.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -101,7 +101,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Crayons',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.purple.shadeDefault,
|
||||
charts.MaterialPalette.purple.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -109,7 +109,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Celery',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.indigo.shadeDefault,
|
||||
charts.MaterialPalette.indigo.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -117,7 +117,7 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
new charts.Series<LinearSales, int>(
|
||||
id: 'Cauliflower',
|
||||
colorFn: (LinearSales sales, _) =>
|
||||
charts.MaterialPalette.gray.shadeDefault,
|
||||
charts.MaterialPalette.gray.shadeDefault,
|
||||
domainFn: (LinearSales sales, _) => sales.year,
|
||||
measureFn: (LinearSales sales, _) => sales.revenueShare,
|
||||
radiusPxFn: (LinearSales sales, _) => sales.radius,
|
||||
|
@ -128,9 +128,9 @@ class BucketingAxisScatterPlotChart extends StatelessWidget {
|
|||
|
||||
/// Sample linear data type.
|
||||
class LinearSales {
|
||||
LinearSales(this.year, this.revenueShare, this.radius);
|
||||
|
||||
final int year;
|
||||
final double revenueShare;
|
||||
final double radius;
|
||||
|
||||
LinearSales(this.year, this.revenueShare, this.radius);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -11,9 +11,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
///
|
||||
/// Also shows the option to provide a custom measure formatter.
|
||||
class LegendWithMeasures extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
LegendWithMeasures(this.seriesList, {this.animate});
|
||||
|
||||
factory LegendWithMeasures.withSampleData() {
|
||||
|
@ -24,6 +21,8 @@ class LegendWithMeasures extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -122,8 +121,8 @@ class LegendWithMeasures extends StatelessWidget {
|
|||
|
||||
/// Sample ordinal data type.
|
||||
class OrdinalSales {
|
||||
OrdinalSales(this.year, this.sales);
|
||||
|
||||
final String year;
|
||||
final int sales;
|
||||
|
||||
OrdinalSales(this.year, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -3,9 +3,6 @@ import 'package:charts_flutter/flutter.dart' as charts;
|
|||
import 'package:flutter/material.dart';
|
||||
|
||||
class SimpleTimeSeriesChart extends StatelessWidget {
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
SimpleTimeSeriesChart(this.seriesList, {this.animate});
|
||||
|
||||
/// Creates a [TimeSeriesChart] with sample data and no transition.
|
||||
|
@ -17,6 +14,8 @@ class SimpleTimeSeriesChart extends StatelessWidget {
|
|||
);
|
||||
}
|
||||
|
||||
final List<charts.Series> seriesList;
|
||||
final bool animate;
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
|
@ -53,8 +52,8 @@ class SimpleTimeSeriesChart extends StatelessWidget {
|
|||
|
||||
/// Sample time series data type.
|
||||
class TimeSeriesSales {
|
||||
TimeSeriesSales(this.time, this.sales);
|
||||
|
||||
final DateTime time;
|
||||
final int sales;
|
||||
|
||||
TimeSeriesSales(this.time, this.sales);
|
||||
}
|
||||
}
|
||||
|
|
|
@ -58,12 +58,10 @@ class CustomCheckbox extends StatefulWidget {
|
|||
this.checkColor,
|
||||
this.materialTapTargetSize,
|
||||
this.useTapTarget = true,
|
||||
}) : assert(tristate != null),
|
||||
}) : assert(tristate != null),
|
||||
assert(tristate || value != null),
|
||||
super(key: key);
|
||||
|
||||
|
||||
|
||||
final bool useTapTarget;
|
||||
|
||||
/// Whether this checkbox is checked.
|
||||
|
@ -138,7 +136,8 @@ class CustomCheckbox extends StatefulWidget {
|
|||
_CustomCheckboxState createState() => _CustomCheckboxState();
|
||||
}
|
||||
|
||||
class _CustomCheckboxState extends State<CustomCheckbox> with TickerProviderStateMixin {
|
||||
class _CustomCheckboxState extends State<CustomCheckbox>
|
||||
with TickerProviderStateMixin {
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
assert(debugCheckHasMaterial(context));
|
||||
|
@ -147,25 +146,26 @@ class _CustomCheckboxState extends State<CustomCheckbox> with TickerProviderStat
|
|||
Size size;
|
||||
switch (widget.materialTapTargetSize ?? themeData.materialTapTargetSize) {
|
||||
case MaterialTapTargetSize.padded:
|
||||
size = const Size(2 * kRadialReactionRadius + 8.0, 2 * kRadialReactionRadius + 8.0);
|
||||
size = const Size(
|
||||
2 * kRadialReactionRadius + 8.0, 2 * kRadialReactionRadius + 8.0);
|
||||
break;
|
||||
case MaterialTapTargetSize.shrinkWrap:
|
||||
size = const Size(2 * kRadialReactionRadius, 2 * kRadialReactionRadius);
|
||||
break;
|
||||
}
|
||||
|
||||
Size noTapTargetSize = Size(CustomCheckbox.width,
|
||||
CustomCheckbox.width);
|
||||
Size noTapTargetSize = Size(CustomCheckbox.width, CustomCheckbox.width);
|
||||
final BoxConstraints additionalConstraints =
|
||||
BoxConstraints.tight(widget
|
||||
.useTapTarget? size : noTapTargetSize);
|
||||
|
||||
BoxConstraints.tight(widget.useTapTarget ? size : noTapTargetSize);
|
||||
|
||||
return _CheckboxRenderObjectWidget(
|
||||
value: widget.value,
|
||||
tristate: widget.tristate,
|
||||
activeColor: widget.activeColor ?? themeData.toggleableActiveColor,
|
||||
checkColor: widget.checkColor ?? const Color(0xFFFFFFFF),
|
||||
inactiveColor: widget.onChanged != null ? themeData.unselectedWidgetColor : themeData.disabledColor,
|
||||
inactiveColor: widget.onChanged != null
|
||||
? themeData.unselectedWidgetColor
|
||||
: themeData.disabledColor,
|
||||
onChanged: widget.onChanged,
|
||||
additionalConstraints: additionalConstraints,
|
||||
vsync: this,
|
||||
|
@ -174,19 +174,18 @@ class _CustomCheckboxState extends State<CustomCheckbox> with TickerProviderStat
|
|||
}
|
||||
|
||||
class _CheckboxRenderObjectWidget extends LeafRenderObjectWidget {
|
||||
const _CheckboxRenderObjectWidget({
|
||||
Key key,
|
||||
@required this.value,
|
||||
@required this.tristate,
|
||||
@required this.activeColor,
|
||||
@required this.checkColor,
|
||||
@required this.inactiveColor,
|
||||
@required this.onChanged,
|
||||
@required this.vsync,
|
||||
@required this.additionalConstraints,
|
||||
this.useTapTarget = true
|
||||
|
||||
}) : assert(tristate != null),
|
||||
const _CheckboxRenderObjectWidget(
|
||||
{Key key,
|
||||
@required this.value,
|
||||
@required this.tristate,
|
||||
@required this.activeColor,
|
||||
@required this.checkColor,
|
||||
@required this.inactiveColor,
|
||||
@required this.onChanged,
|
||||
@required this.vsync,
|
||||
@required this.additionalConstraints,
|
||||
this.useTapTarget = true})
|
||||
: assert(tristate != null),
|
||||
assert(tristate || value != null),
|
||||
assert(activeColor != null),
|
||||
assert(inactiveColor != null),
|
||||
|
@ -205,15 +204,15 @@ class _CheckboxRenderObjectWidget extends LeafRenderObjectWidget {
|
|||
|
||||
@override
|
||||
_RenderCheckbox createRenderObject(BuildContext context) => _RenderCheckbox(
|
||||
value: value,
|
||||
tristate: tristate,
|
||||
activeColor: activeColor,
|
||||
checkColor: checkColor,
|
||||
inactiveColor: inactiveColor,
|
||||
onChanged: onChanged,
|
||||
vsync: vsync,
|
||||
additionalConstraints: additionalConstraints,
|
||||
);
|
||||
value: value,
|
||||
tristate: tristate,
|
||||
activeColor: activeColor,
|
||||
checkColor: checkColor,
|
||||
inactiveColor: inactiveColor,
|
||||
onChanged: onChanged,
|
||||
vsync: vsync,
|
||||
additionalConstraints: additionalConstraints,
|
||||
);
|
||||
|
||||
@override
|
||||
void updateRenderObject(BuildContext context, _RenderCheckbox renderObject) {
|
||||
|
@ -243,24 +242,23 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
BoxConstraints additionalConstraints,
|
||||
ValueChanged<bool> onChanged,
|
||||
@required TickerProvider vsync,
|
||||
}) : _oldValue = value,
|
||||
}) : _oldValue = value,
|
||||
super(
|
||||
value: value,
|
||||
tristate: tristate,
|
||||
activeColor: activeColor,
|
||||
inactiveColor: inactiveColor,
|
||||
onChanged: onChanged,
|
||||
additionalConstraints: additionalConstraints,
|
||||
vsync: vsync,
|
||||
);
|
||||
value: value,
|
||||
tristate: tristate,
|
||||
activeColor: activeColor,
|
||||
inactiveColor: inactiveColor,
|
||||
onChanged: onChanged,
|
||||
additionalConstraints: additionalConstraints,
|
||||
vsync: vsync,
|
||||
);
|
||||
|
||||
bool _oldValue;
|
||||
Color checkColor;
|
||||
|
||||
@override
|
||||
set value(bool newValue) {
|
||||
if (newValue == value)
|
||||
return;
|
||||
if (newValue == value) return;
|
||||
_oldValue = value;
|
||||
super.value = newValue;
|
||||
}
|
||||
|
@ -278,7 +276,8 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
RRect _outerRectAt(Offset origin, double t) {
|
||||
final double inset = 1.0 - (t - 0.5).abs() * 2.0;
|
||||
final double size = _kEdgeSize - inset * _kStrokeWidth;
|
||||
final Rect rect = Rect.fromLTWH(origin.dx + inset, origin.dy + inset, size, size);
|
||||
final Rect rect =
|
||||
Rect.fromLTWH(origin.dx + inset, origin.dy + inset, size, size);
|
||||
return RRect.fromRectAndRadius(rect, _kEdgeRadius);
|
||||
}
|
||||
|
||||
|
@ -288,7 +287,9 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
// As t goes from 0.0 to 0.25, animate from the inactiveColor to activeColor.
|
||||
return onChanged == null
|
||||
? inactiveColor
|
||||
: (t >= 0.25 ? activeColor : Color.lerp(inactiveColor, activeColor, t * 4.0));
|
||||
: (t >= 0.25
|
||||
? activeColor
|
||||
: Color.lerp(inactiveColor, activeColor, t * 4.0));
|
||||
}
|
||||
|
||||
// White stroke used to paint the check and dash.
|
||||
|
@ -303,7 +304,8 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
assert(t >= 0.0 && t <= 0.5);
|
||||
final double size = outer.width;
|
||||
// As t goes from 0.0 to 1.0, gradually fill the outer RRect.
|
||||
final RRect inner = outer.deflate(math.min(size / 2.0, _kStrokeWidth + size * t));
|
||||
final RRect inner =
|
||||
outer.deflate(math.min(size / 2.0, _kStrokeWidth + size * t));
|
||||
canvas.drawDRRect(outer, inner, paint);
|
||||
}
|
||||
|
||||
|
@ -347,11 +349,13 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
final Canvas canvas = context.canvas;
|
||||
paintRadialReaction(canvas, offset, size.center(Offset.zero));
|
||||
|
||||
final Offset origin = offset + (size / 2.0 - const Size.square(_kEdgeSize) / 2.0);
|
||||
final Offset origin =
|
||||
offset + (size / 2.0 - const Size.square(_kEdgeSize) / 2.0);
|
||||
final AnimationStatus status = position.status;
|
||||
final double tNormalized = status == AnimationStatus.forward || status == AnimationStatus.completed
|
||||
? position.value
|
||||
: 1.0 - position.value;
|
||||
final double tNormalized =
|
||||
status == AnimationStatus.forward || status == AnimationStatus.completed
|
||||
? position.value
|
||||
: 1.0 - position.value;
|
||||
|
||||
// Four cases: false to null, false to true, null to false, true to false
|
||||
if (_oldValue == false || value == false) {
|
||||
|
@ -366,29 +370,36 @@ class _RenderCheckbox extends RenderToggleable {
|
|||
|
||||
_initStrokePaint(paint);
|
||||
final double tShrink = (t - 0.5) * 2.0;
|
||||
if (_oldValue == null || value == null)
|
||||
if (_oldValue == null || value == null) {
|
||||
_drawDash(canvas, origin, tShrink, paint);
|
||||
else
|
||||
}
|
||||
else {
|
||||
_drawCheck(canvas, origin, tShrink, paint);
|
||||
}
|
||||
}
|
||||
} else { // Two cases: null to true, true to null
|
||||
} else {
|
||||
// Two cases: null to true, true to null
|
||||
final RRect outer = _outerRectAt(origin, 1.0);
|
||||
final Paint paint = Paint() ..color = _colorAt(1.0);
|
||||
final Paint paint = Paint()..color = _colorAt(1.0);
|
||||
canvas.drawRRect(outer, paint);
|
||||
|
||||
_initStrokePaint(paint);
|
||||
if (tNormalized <= 0.5) {
|
||||
final double tShrink = 1.0 - tNormalized * 2.0;
|
||||
if (_oldValue == true)
|
||||
if (_oldValue == true) {
|
||||
_drawCheck(canvas, origin, tShrink, paint);
|
||||
else
|
||||
}
|
||||
else {
|
||||
_drawDash(canvas, origin, tShrink, paint);
|
||||
}
|
||||
} else {
|
||||
final double tExpand = (tNormalized - 0.5) * 2.0;
|
||||
if (value == true)
|
||||
if (value == true) {
|
||||
_drawCheck(canvas, origin, tExpand, paint);
|
||||
else
|
||||
}
|
||||
else {
|
||||
_drawDash(canvas, origin, tExpand, paint);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -28,11 +28,8 @@ class LabeledCheckboxWithIcon extends StatelessWidget {
|
|||
onTap: () {
|
||||
onChanged(!value);
|
||||
},
|
||||
|
||||
|
||||
child: Padding(
|
||||
padding: padding,
|
||||
|
||||
child: Row(
|
||||
// crossAxisAlignment: CrossAxisAlignment.center, //doesn't do anything
|
||||
|
||||
|
@ -40,16 +37,18 @@ class LabeledCheckboxWithIcon extends StatelessWidget {
|
|||
Container(
|
||||
padding: EdgeInsets.all(0),
|
||||
width: iconSize,
|
||||
|
||||
child : Icon(
|
||||
child: Icon(
|
||||
icon,
|
||||
// size: iconSize,
|
||||
// size: iconSize,
|
||||
color: iconColor,
|
||||
),
|
||||
),
|
||||
|
||||
Expanded(child: Text(label, style: textStyle, textAlign: TextAlign.center,)),
|
||||
|
||||
Expanded(
|
||||
child: Text(
|
||||
label,
|
||||
style: textStyle,
|
||||
textAlign: TextAlign.center,
|
||||
)),
|
||||
CustomCheckbox(
|
||||
//custom checkbox removes padding so the form looks nice
|
||||
|
||||
|
@ -89,11 +88,9 @@ class LabeledCheckbox extends StatelessWidget {
|
|||
},
|
||||
child: Padding(
|
||||
padding: padding,
|
||||
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Expanded(child: Text(label, style: textStyle)),
|
||||
|
||||
CustomCheckbox(
|
||||
//custom checkbox removes padding so the form looks nice
|
||||
|
||||
|
@ -110,7 +107,6 @@ class LabeledCheckbox extends StatelessWidget {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
//USAGE:
|
||||
|
||||
|
@ -134,4 +130,4 @@ Widget build(BuildContext context) {
|
|||
),
|
||||
);
|
||||
}
|
||||
*/
|
||||
*/
|
||||
|
|
|
@ -4,7 +4,6 @@ import 'package:flutter/services.dart';
|
|||
import 'package:local_spend/common/apifunctions/find_organisations.dart';
|
||||
|
||||
class FindOrganisations {
|
||||
|
||||
TextField getSearchBar(TextEditingController controller, String hintText) {
|
||||
return TextField(
|
||||
controller: controller,
|
||||
|
@ -20,12 +19,12 @@ class FindOrganisations {
|
|||
|
||||
Future<dynamic> _moreInfoDialog(context, Organisation organisation) {
|
||||
TextStyle informationTitleStyle = new TextStyle(fontSize: 16);
|
||||
TextStyle informationStyle = new TextStyle(fontSize: 16, fontWeight: FontWeight.bold);
|
||||
TextStyle informationStyle =
|
||||
new TextStyle(fontSize: 16, fontWeight: FontWeight.bold);
|
||||
|
||||
return showDialog<Organisation>(
|
||||
context: context,
|
||||
barrierDismissible: true,
|
||||
|
||||
builder: (BuildContext context) {
|
||||
return StatefulBuilder(
|
||||
builder: (context, setState) {
|
||||
|
@ -39,12 +38,10 @@ class FindOrganisations {
|
|||
fontSize: 21, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
|
||||
Container(
|
||||
padding: EdgeInsets.symmetric(horizontal: 10),
|
||||
child: Divider(),
|
||||
),
|
||||
|
||||
Container(
|
||||
width: MediaQuery.of(context).size.width,
|
||||
padding: EdgeInsets.symmetric(horizontal: 10),
|
||||
|
@ -54,13 +51,15 @@ class FindOrganisations {
|
|||
TableRow(
|
||||
children: [
|
||||
Text("Street:", style: informationTitleStyle),
|
||||
Text(organisation.streetName, style: informationStyle),
|
||||
Text(organisation.streetName,
|
||||
style: informationStyle),
|
||||
],
|
||||
),
|
||||
TableRow(
|
||||
children: [
|
||||
Text("Postcode:", style: informationTitleStyle),
|
||||
Text(organisation.postcode.toUpperCase(), style: informationStyle),
|
||||
Text(organisation.postcode.toUpperCase(),
|
||||
style: informationStyle),
|
||||
],
|
||||
),
|
||||
TableRow(
|
||||
|
@ -72,7 +71,6 @@ class FindOrganisations {
|
|||
],
|
||||
),
|
||||
),
|
||||
|
||||
],
|
||||
);
|
||||
},
|
||||
|
@ -82,7 +80,6 @@ class FindOrganisations {
|
|||
}
|
||||
|
||||
Future<Organisation> dialog(context) {
|
||||
|
||||
bool _searchEnabled = false;
|
||||
bool _orgsFetched = false;
|
||||
TextEditingController searchBarText = new TextEditingController();
|
||||
|
@ -95,148 +92,150 @@ class FindOrganisations {
|
|||
listTitle = "Results for \'" + search + "\'";
|
||||
|
||||
var futureOrgs = await organisations.findOrganisations(search);
|
||||
organisationsList = futureOrgs;
|
||||
_searchEnabled = true;
|
||||
return futureOrgs.length;
|
||||
organisationsList = futureOrgs;
|
||||
_searchEnabled = true;
|
||||
return futureOrgs.length;
|
||||
}
|
||||
|
||||
return showDialog<Organisation>(
|
||||
context: context,
|
||||
barrierDismissible: true,
|
||||
|
||||
builder: (BuildContext context) {
|
||||
|
||||
return StatefulBuilder(
|
||||
builder: (context, setState) {
|
||||
return SimpleDialog(
|
||||
children: <Widget>[
|
||||
Column(
|
||||
children: <Widget>[
|
||||
Column(
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
children: [
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
width: 150,
|
||||
height: 50,
|
||||
child: TextField(
|
||||
autofocus: true,
|
||||
controller: searchBarText,
|
||||
decoration: InputDecoration(
|
||||
hintText: "Payee Name",
|
||||
),
|
||||
onChanged: (value) {
|
||||
if (value.length > 0) {
|
||||
_searchEnabled = true;
|
||||
} else {
|
||||
_searchEnabled = false;
|
||||
}
|
||||
setState(() => {_searchEnabled});
|
||||
},
|
||||
onSubmitted: _searchEnabled ? ((_) {
|
||||
SystemChannels.textInput.invokeMethod('TextInput.hide');
|
||||
var result = _submitSearch(searchBarText.text);
|
||||
result.then((_) {
|
||||
setState(() {
|
||||
_orgsFetched = true;
|
||||
});
|
||||
});
|
||||
}) : null,
|
||||
),
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
width: 150,
|
||||
height: 50,
|
||||
child: TextField(
|
||||
autofocus: true,
|
||||
controller: searchBarText,
|
||||
decoration: InputDecoration(
|
||||
hintText: "Payee Name",
|
||||
),
|
||||
|
||||
Container(
|
||||
width: 80,
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
|
||||
child: RaisedButton(
|
||||
onPressed: _searchEnabled ? (() {
|
||||
SystemChannels.textInput.invokeMethod('TextInput.hide');
|
||||
var result = _submitSearch(searchBarText.text);
|
||||
result.then((_) {
|
||||
setState(() {
|
||||
_orgsFetched = true;
|
||||
onChanged: (value) {
|
||||
if (value.isNotEmpty) {
|
||||
_searchEnabled = true;
|
||||
} else {
|
||||
_searchEnabled = false;
|
||||
}
|
||||
setState(() => {_searchEnabled});
|
||||
},
|
||||
onSubmitted: _searchEnabled
|
||||
? ((_) {
|
||||
SystemChannels.textInput
|
||||
.invokeMethod('TextInput.hide');
|
||||
var result =
|
||||
_submitSearch(searchBarText.text);
|
||||
result.then((_) {
|
||||
setState(() {
|
||||
_orgsFetched = true;
|
||||
});
|
||||
});
|
||||
});
|
||||
}) : null,
|
||||
|
||||
child: Icon(Icons.search, color: Colors.white),
|
||||
color : Colors.blue,
|
||||
),
|
||||
),
|
||||
],
|
||||
})
|
||||
: null,
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 80,
|
||||
padding: EdgeInsets.fromLTRB(20, 0, 0, 0),
|
||||
child: RaisedButton(
|
||||
onPressed: _searchEnabled
|
||||
? (() {
|
||||
SystemChannels.textInput
|
||||
.invokeMethod('TextInput.hide');
|
||||
var result =
|
||||
_submitSearch(searchBarText.text);
|
||||
result.then((_) {
|
||||
setState(() {
|
||||
_orgsFetched = true;
|
||||
});
|
||||
});
|
||||
})
|
||||
: null,
|
||||
child: Icon(Icons.search, color: Colors.white),
|
||||
color: Colors.blue,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
|
||||
Column(
|
||||
children: _orgsFetched ? [
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(20, 20, 20, 0),
|
||||
child: Text(
|
||||
listTitle,
|
||||
style: new TextStyle(
|
||||
fontSize: 23, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
|
||||
width: MediaQuery
|
||||
.of(context)
|
||||
.size
|
||||
.width,
|
||||
height: MediaQuery
|
||||
.of(context)
|
||||
.size
|
||||
.height * 0.67,
|
||||
|
||||
child: Material(
|
||||
shadowColor: Colors.transparent,
|
||||
color: Colors.transparent,
|
||||
child: ListView.builder(
|
||||
itemCount: organisationsList.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Card(
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.person),
|
||||
title: Text(organisationsList[index].name, style: new TextStyle(fontSize: 18)),
|
||||
subtitle: Text(organisationsList[index].postcode.toUpperCase()),
|
||||
// trailing: Icon(Icons.arrow_forward_ios),
|
||||
// onTap: _chosenOrg(organisationsList[index]),
|
||||
onTap: (){
|
||||
Navigator.of(context).pop(organisationsList[index]);
|
||||
},
|
||||
onLongPress: (){
|
||||
// show more details about the organisation in a new dialog
|
||||
var moreInfo = _moreInfoDialog(context, organisationsList[index]);
|
||||
moreInfo.whenComplete(null);
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
Column(
|
||||
children: _orgsFetched
|
||||
? [
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(20, 20, 20, 0),
|
||||
child: Text(
|
||||
listTitle,
|
||||
style: new TextStyle(
|
||||
fontSize: 23, fontWeight: FontWeight.bold),
|
||||
),
|
||||
),
|
||||
),
|
||||
|
||||
Center(
|
||||
child : Container(
|
||||
padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
child : Text("Long press a payee for more info", style: TextStyle(fontStyle: FontStyle.italic)),
|
||||
Container(
|
||||
padding: EdgeInsets.fromLTRB(10, 10, 10, 0),
|
||||
width: MediaQuery.of(context).size.width,
|
||||
height: MediaQuery.of(context).size.height * 0.67,
|
||||
child: Material(
|
||||
shadowColor: Colors.transparent,
|
||||
color: Colors.transparent,
|
||||
child: ListView.builder(
|
||||
itemCount: organisationsList.length,
|
||||
itemBuilder: (context, index) {
|
||||
return Card(
|
||||
child: ListTile(
|
||||
leading: Icon(Icons.person),
|
||||
title: Text(organisationsList[index].name,
|
||||
style: new TextStyle(fontSize: 18)),
|
||||
subtitle: Text(organisationsList[index]
|
||||
.postcode
|
||||
.toUpperCase()),
|
||||
// trailing: Icon(Icons.arrow_forward_ios),
|
||||
// onTap: _chosenOrg(organisationsList[index]),
|
||||
onTap: () {
|
||||
Navigator.of(context)
|
||||
.pop(organisationsList[index]);
|
||||
},
|
||||
onLongPress: () {
|
||||
// show more details about the organisation in a new dialog
|
||||
var moreInfo = _moreInfoDialog(
|
||||
context, organisationsList[index]);
|
||||
moreInfo.whenComplete(null);
|
||||
},
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
] : [ Container() ],
|
||||
),
|
||||
Center(
|
||||
child: Container(
|
||||
padding: EdgeInsets.fromLTRB(0, 10, 0, 0),
|
||||
child: Text("Long press a payee for more info",
|
||||
style:
|
||||
TextStyle(fontStyle: FontStyle.italic)),
|
||||
),
|
||||
),
|
||||
]
|
||||
: [Container()],
|
||||
),
|
||||
|
||||
// help button for if org not listed
|
||||
// cancel and ok buttons
|
||||
|
||||
],
|
||||
// help button for if org not listed
|
||||
// cancel and ok buttons
|
||||
],
|
||||
// ),
|
||||
);
|
||||
);
|
||||
},
|
||||
);
|
||||
},
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -6,7 +6,6 @@ class PopupListView {
|
|||
return showDialog<dynamic>(
|
||||
context: context,
|
||||
barrierDismissible: true,
|
||||
|
||||
builder: (BuildContext context) {
|
||||
return SimpleDialog(
|
||||
title: Text(title),
|
||||
|
@ -16,7 +15,8 @@ class PopupListView {
|
|||
);
|
||||
}
|
||||
|
||||
List<Widget> getDialogOptions(context, List<String> options /*, Function onPressed*/) {
|
||||
List<Widget> getDialogOptions(
|
||||
context, List<String> options /*, Function onPressed*/) {
|
||||
var dialogOptionsList = new List<SimpleDialogOption>();
|
||||
|
||||
for (var i = 0; i < options.length; i++) {
|
||||
|
@ -33,4 +33,4 @@ class PopupListView {
|
|||
|
||||
return dialogOptionsList;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue