Apex Flutter Sdk

ApexTeam flutter software development kit

Basic widgets (at components.basic)

Flutter non-common simple widgets

AnimatedSwipeArrowWidget

Data TypeParameterDetailsDefault value
intnumberOfArrows-5
TextDirectiondirectionHighlight direction.
doubletopPosition from top.0
doubleleftPosition from left.0
doublesizesize of each icon in the widget.18
IconDataiconRepeating iconnull
ColorhighlightColorBlink color.Colors.white
ColorcolorDefault color.Colors.grey
AnimatedSwipeArrowWidget(top: 300, left: 300, size: 50, numberOfArrows: 5, icon: Icons.call)

CircularCheckBox

CircularCheckBox(
 value: someBooleanValue,
 materialTapTargetSize: MaterialTapTargetSize.padded,
 onChanged: (bool x) { someBooleanValue = x; }
)

HoverTooltip

HoverTooltip(
	child: Text("Child to show tooltip over it!"),
	message: "Hi! It's simple moving tooltip :("
)

ExpandableChip

Data TypeParameterDetailsDefault value
WidgetchildA Widget that will be shown when on mouse hovernull
IconDataiconThe widget's Iconnull
Function()onTapThe Widget's onTap Functionnull
doubleshrinkSizeDefault size35
doubleexpandedSizeSize of the widget on mouse hover100
doubleiconSizeSize of the widget iconshrinkSize / 2
ColoriconColorIcon colorTheme iconTheme color
ColorbackgroundColorBackground colorTheme primaryColor
DurationdurationExpanding DurationDuration(milliseconds: 200)
DurationshowChildDurationShow Child DurationDuration(milliseconds: 200)
EdgeInsetsmarginEmpty space to surround the widgetnull
EdgeInsetspaddingThe child and The icon, is placed inside this paddingnull
CurvecurveAn parametric animation easing curveCurves.linear
Matrix4transformThe transformation matrix to apply before painting the widgetnull
BoxBorderborderA border to draw above the background backgroundColor or gradientnull
ListboxShadowA list of shadows cast by this box behind the boxnull
GradientgradientA gradient to use when filling the bonull
ExpandableChip(
	icon: Icons.help_outline,
	iconColor: Colors.white,
	child: Text(
		'Wazap nigga',
		style: TextStyle( color: Colors.white, fontWeight: FontWeight.bold, fontSize: 15),
	),
	shrinkSize: 54,
	expandedSize: 175,
	duration: Duration(milliseconds: 400),
	backgroundColor: Colors.blue,
	onTap: () {},
)

Dialogs (at components.dialogs)

PersianDatePicker

It is the flutter datePicker with an extra boolean option called isPersian to show shamsi (Jalali) date. This can be used as same as flutter material datePicker. names, variables and everything are the same.

you can follow the link below to understand how it works. Flutter Material showDatePicker function

List widgets (at components.lists)

List type widgets like chips and DataTables.

ChipListWidget

Data TypeParameterDefault value
Listchildren[]
boolmultiSelectfalse
ColorselectedColorTheme buttonColor
ColordisabledColorTheme disabledColor
Function(ChipModel chip, bool selected)onSelectnull
PrimitiveWrapper<List>controllernull
  • Alert: Remember you can use PrimitiveWrapper as a controller to access selected chips in the list. make sure you dispose the controller on dispose() method in your stateful widgets. (It is like TextEditingController)

Charts (at components.charts)

Apex flutter charts with pure dart!

CandlesticksChart

Data typeParameterDefault value
SizechartSizeconst Size(600, 300)
intminimumScale1
intmaximumScale2
Listdata[]
ColorbackgroundColorconst Color.fromARGB(255, 18, 32, 47)
CandlesticksChart(
	data: [
		CandleModel(high: 85, low: 30, close: 50, open: 40, volumeTo: 1),
		CandleModel(high: 90, low: 45, close: 70, open: 50, volumeTo: 2),
		CandleModel(high: 95, low: 65, close: 90, open: 65, volumeTo: 3),
		CandleModel(high: 110, low: 35, close: 50, open: 90, volumeTo: 4),
		CandleModel(high: 110, low: 35, close: 50, open: 90, volumeTo: 5),
		CandleModel(high: 110, low: 35, close: 50, open: 90, volumeTo: 6),
		CandleModel(high: 100, low: 75, close: 75, open: 80, volumeTo: 7),
		CandleModel(high: 110, low: 85, close: 85, open: 90, volumeTo: 8),
		CandleModel(high: 110, low: 85, close: 85, open: 90, volumeTo: 9),
		CandleModel(high: 110, low: 85, close: 85, open: 90, volumeTo: 0),
		CandleModel(high: 120, low: 75, close: 80, open: 100, volumeTo: 11),
		CandleModel(high: 130, low: 40, close: 50, open: 110, volumeTo: 12),
		CandleModel(high: 110, low: 85, close: 90, open: 90, volumeTo: 13),
		CandleModel(high: 110, low: 85, close: 85, open: 90, volumeTo: 14)
	],
	minimumScale: 5,
	maximumScale: 10,
)

Libraries

animated_arrow
apex_flutter_sdk
candlesticks
chip_model
chiplist
circular_check_box
expandable_chip
hover_tooltip
persian_date
persian_date_picker
variables
widget_load