|
|
@ -1,46 +1,86 @@
|
|
|
|
import 'package:doctor_app_flutter/config/size_config.dart';
|
|
|
|
import 'package:doctor_app_flutter/config/size_config.dart';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
|
|
|
import 'package:hexcolor/hexcolor.dart';
|
|
|
|
// OWNER : Ibrahim albitar
|
|
|
|
|
|
|
|
// DATE : 12-04-2020
|
|
|
|
|
|
|
|
// DESCRIPTION : Customization for Texts in app
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class AppText extends StatefulWidget {
|
|
|
|
class AppText extends StatefulWidget {
|
|
|
|
final String data;
|
|
|
|
final String text;
|
|
|
|
|
|
|
|
final String variant;
|
|
|
|
final Color color;
|
|
|
|
final Color color;
|
|
|
|
final FontWeight fontWeight;
|
|
|
|
final FontWeight fontWeight;
|
|
|
|
final double fontSize;
|
|
|
|
final double fontSize;
|
|
|
|
final String fontFamily;
|
|
|
|
final String fontFamily;
|
|
|
|
|
|
|
|
final int maxLength;
|
|
|
|
|
|
|
|
final bool italic;
|
|
|
|
final double margin;
|
|
|
|
final double margin;
|
|
|
|
final double marginTop;
|
|
|
|
final double marginTop;
|
|
|
|
final double marginRight;
|
|
|
|
final double marginRight;
|
|
|
|
final double marginBottom;
|
|
|
|
final double marginBottom;
|
|
|
|
final double marginLeft;
|
|
|
|
final double marginLeft;
|
|
|
|
final bool visibility;
|
|
|
|
|
|
|
|
final TextAlign textAlign;
|
|
|
|
final TextAlign textAlign;
|
|
|
|
final Color backGroundcolor;
|
|
|
|
final int maxLines;
|
|
|
|
|
|
|
|
final bool readMore;
|
|
|
|
|
|
|
|
final String style;
|
|
|
|
|
|
|
|
final bool allowExpand;
|
|
|
|
|
|
|
|
final bool visibility;
|
|
|
|
final TextOverflow textOverflow;
|
|
|
|
final TextOverflow textOverflow;
|
|
|
|
AppText(this.data,
|
|
|
|
final TextDecoration textDecoration;
|
|
|
|
{this.color = Colors.black,
|
|
|
|
|
|
|
|
this.fontWeight = FontWeight.normal,
|
|
|
|
AppText(
|
|
|
|
this.fontSize,
|
|
|
|
this.text, {
|
|
|
|
this.fontFamily = 'Poppins',
|
|
|
|
this.color = Colors.black,
|
|
|
|
this.margin,
|
|
|
|
this.fontWeight = FontWeight.normal,
|
|
|
|
this.marginTop = 0,
|
|
|
|
this.variant,
|
|
|
|
this.marginRight = 0,
|
|
|
|
this.fontSize,
|
|
|
|
this.marginBottom = 0,
|
|
|
|
this.fontFamily = 'Poppins',
|
|
|
|
this.marginLeft = 0,
|
|
|
|
this.italic = false,
|
|
|
|
this.visibility = true,
|
|
|
|
this.maxLength = 60,
|
|
|
|
this.textAlign,
|
|
|
|
this.margin,
|
|
|
|
this.textOverflow,
|
|
|
|
this.marginTop = 0,
|
|
|
|
this.backGroundcolor = Colors.white});
|
|
|
|
this.marginRight = 0,
|
|
|
|
|
|
|
|
this.marginBottom = 0,
|
|
|
|
|
|
|
|
this.marginLeft = 0,
|
|
|
|
|
|
|
|
this.textAlign,
|
|
|
|
|
|
|
|
this.maxLines,
|
|
|
|
|
|
|
|
this.readMore = false,
|
|
|
|
|
|
|
|
this.style,
|
|
|
|
|
|
|
|
this.allowExpand = true,
|
|
|
|
|
|
|
|
this.visibility = true,
|
|
|
|
|
|
|
|
this.textOverflow,
|
|
|
|
|
|
|
|
this.textDecoration,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
_AppTextState createState() => _AppTextState();
|
|
|
|
_AppTextState createState() => _AppTextState();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
class _AppTextState extends State<AppText> {
|
|
|
|
class _AppTextState extends State<AppText> {
|
|
|
|
|
|
|
|
bool hidden = false;
|
|
|
|
|
|
|
|
String text = "";
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
|
|
|
void didUpdateWidget(covariant AppText oldWidget) {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
if (widget.style == "overline")
|
|
|
|
|
|
|
|
text = widget.text.toUpperCase();
|
|
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
text = widget.text;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
super.didUpdateWidget(oldWidget);
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
|
|
|
|
void initState() {
|
|
|
|
|
|
|
|
hidden = widget.readMore;
|
|
|
|
|
|
|
|
if (widget.style == "overline")
|
|
|
|
|
|
|
|
text = widget.text.toUpperCase();
|
|
|
|
|
|
|
|
else {
|
|
|
|
|
|
|
|
text = widget.text;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
super.initState();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return Container(
|
|
|
|
return Container(
|
|
|
@ -51,19 +91,192 @@ class _AppTextState extends State<AppText> {
|
|
|
|
right: widget.marginRight,
|
|
|
|
right: widget.marginRight,
|
|
|
|
bottom: widget.marginBottom,
|
|
|
|
bottom: widget.marginBottom,
|
|
|
|
left: widget.marginLeft),
|
|
|
|
left: widget.marginLeft),
|
|
|
|
child: Text(
|
|
|
|
child: Column(
|
|
|
|
widget.data,
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
textAlign: widget.textAlign,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
overflow: widget.textOverflow ?? TextOverflow.clip,
|
|
|
|
children: [
|
|
|
|
style: TextStyle(
|
|
|
|
Stack(
|
|
|
|
color: widget.color,
|
|
|
|
children: [
|
|
|
|
fontWeight: widget.fontWeight,
|
|
|
|
Text(
|
|
|
|
fontSize: widget.fontSize ?? (SizeConfig.textMultiplier * 2),
|
|
|
|
!hidden
|
|
|
|
fontFamily: widget.fontFamily,
|
|
|
|
? text
|
|
|
|
|
|
|
|
: (text.substring(
|
|
|
|
// backgroundColor:widget.backGroundcolor
|
|
|
|
0,
|
|
|
|
),
|
|
|
|
text.length > widget.maxLength
|
|
|
|
|
|
|
|
? widget.maxLength
|
|
|
|
|
|
|
|
: text.length)),
|
|
|
|
|
|
|
|
textAlign: widget.textAlign,
|
|
|
|
|
|
|
|
overflow: widget.maxLines != null
|
|
|
|
|
|
|
|
? ((widget.maxLines > 1)
|
|
|
|
|
|
|
|
? TextOverflow.fade
|
|
|
|
|
|
|
|
: TextOverflow.ellipsis)
|
|
|
|
|
|
|
|
: null,
|
|
|
|
|
|
|
|
maxLines: widget.maxLines ?? null,
|
|
|
|
|
|
|
|
style: widget.style != null
|
|
|
|
|
|
|
|
? _getFontStyle().copyWith(
|
|
|
|
|
|
|
|
fontStyle: widget.italic ? FontStyle.italic : null,
|
|
|
|
|
|
|
|
color: widget.color != null ? widget.color : null,
|
|
|
|
|
|
|
|
fontWeight: widget.fontWeight ?? _getFontWeight(),
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
: TextStyle(
|
|
|
|
|
|
|
|
fontStyle: widget.italic ? FontStyle.italic : null,
|
|
|
|
|
|
|
|
color: widget.textDecoration == null
|
|
|
|
|
|
|
|
? widget.color != null
|
|
|
|
|
|
|
|
? widget.color
|
|
|
|
|
|
|
|
: Colors.black
|
|
|
|
|
|
|
|
: null,
|
|
|
|
|
|
|
|
fontSize: widget.fontSize ?? _getFontSize(),
|
|
|
|
|
|
|
|
letterSpacing:
|
|
|
|
|
|
|
|
widget.variant == "overline" ? 1.5 : null,
|
|
|
|
|
|
|
|
fontWeight: widget.fontWeight ?? _getFontWeight(),
|
|
|
|
|
|
|
|
fontFamily: widget.fontFamily ?? 'Poppins',
|
|
|
|
|
|
|
|
decoration: widget.textDecoration),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
if (widget.readMore && text.length > widget.maxLength && hidden)
|
|
|
|
|
|
|
|
Positioned(
|
|
|
|
|
|
|
|
bottom: 0,
|
|
|
|
|
|
|
|
left: 0,
|
|
|
|
|
|
|
|
right: 0,
|
|
|
|
|
|
|
|
child: Container(
|
|
|
|
|
|
|
|
decoration: BoxDecoration(
|
|
|
|
|
|
|
|
gradient: LinearGradient(
|
|
|
|
|
|
|
|
colors: [
|
|
|
|
|
|
|
|
Theme.of(context).backgroundColor,
|
|
|
|
|
|
|
|
Theme.of(context).backgroundColor.withOpacity(0),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
begin: Alignment.bottomCenter,
|
|
|
|
|
|
|
|
end: Alignment.topCenter)),
|
|
|
|
|
|
|
|
height: 30,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
)
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
if (widget.allowExpand &&
|
|
|
|
|
|
|
|
widget.readMore &&
|
|
|
|
|
|
|
|
text.length > widget.maxLength)
|
|
|
|
|
|
|
|
Padding(
|
|
|
|
|
|
|
|
padding: EdgeInsets.only(top: 8.0, right: 8.0, bottom: 8.0),
|
|
|
|
|
|
|
|
child: InkWell(
|
|
|
|
|
|
|
|
onTap: () {
|
|
|
|
|
|
|
|
setState(() {
|
|
|
|
|
|
|
|
hidden = !hidden;
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
child: Text(hidden ? "Read More" : "Read less",
|
|
|
|
|
|
|
|
style: _getFontStyle().copyWith(
|
|
|
|
|
|
|
|
color: HexColor('#FF0000'),
|
|
|
|
|
|
|
|
fontWeight: FontWeight.w800,
|
|
|
|
|
|
|
|
fontFamily: "Poppins",
|
|
|
|
|
|
|
|
)),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
TextStyle _getFontStyle() {
|
|
|
|
|
|
|
|
switch (widget.style) {
|
|
|
|
|
|
|
|
case "headline2":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.headline2;
|
|
|
|
|
|
|
|
case "headline3":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.headline3;
|
|
|
|
|
|
|
|
case "headline4":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.headline4;
|
|
|
|
|
|
|
|
case "headline5":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.headline5;
|
|
|
|
|
|
|
|
case "headline6":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.headline6;
|
|
|
|
|
|
|
|
case "bodyText2":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.bodyText2;
|
|
|
|
|
|
|
|
case "bodyText_15":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.bodyText2.copyWith(fontSize: 15.0);
|
|
|
|
|
|
|
|
case "bodyText1":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.bodyText1;
|
|
|
|
|
|
|
|
case "caption":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.caption;
|
|
|
|
|
|
|
|
case "overline":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.overline;
|
|
|
|
|
|
|
|
case "button":
|
|
|
|
|
|
|
|
return Theme.of(context).textTheme.button;
|
|
|
|
|
|
|
|
default:
|
|
|
|
|
|
|
|
return TextStyle();
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
double _getFontSize() {
|
|
|
|
|
|
|
|
switch (widget.variant) {
|
|
|
|
|
|
|
|
case "heading0":
|
|
|
|
|
|
|
|
return 40.0;
|
|
|
|
|
|
|
|
case "heading":
|
|
|
|
|
|
|
|
return 32.0;
|
|
|
|
|
|
|
|
case "heading2":
|
|
|
|
|
|
|
|
return 28.0;
|
|
|
|
|
|
|
|
case "heading3":
|
|
|
|
|
|
|
|
return 18.0;
|
|
|
|
|
|
|
|
case "body1":
|
|
|
|
|
|
|
|
return 18.0;
|
|
|
|
|
|
|
|
case "body2":
|
|
|
|
|
|
|
|
return 20.0;
|
|
|
|
|
|
|
|
case "body2Link":
|
|
|
|
|
|
|
|
return 16.0;
|
|
|
|
|
|
|
|
case "caption":
|
|
|
|
|
|
|
|
return 16.0;
|
|
|
|
|
|
|
|
case "caption2":
|
|
|
|
|
|
|
|
return 14.0;
|
|
|
|
|
|
|
|
case "bodyText":
|
|
|
|
|
|
|
|
return 15.0;
|
|
|
|
|
|
|
|
case "bodyText2":
|
|
|
|
|
|
|
|
return 17.0;
|
|
|
|
|
|
|
|
case "caption3":
|
|
|
|
|
|
|
|
return 12.0;
|
|
|
|
|
|
|
|
case "caption4":
|
|
|
|
|
|
|
|
return 9.0;
|
|
|
|
|
|
|
|
case "overline":
|
|
|
|
|
|
|
|
return 11.0;
|
|
|
|
|
|
|
|
case "date":
|
|
|
|
|
|
|
|
return 24.0;
|
|
|
|
|
|
|
|
default:
|
|
|
|
|
|
|
|
return SizeConfig.textMultiplier * 2;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
FontWeight _getFontWeight() {
|
|
|
|
|
|
|
|
if (widget.style == null) {
|
|
|
|
|
|
|
|
switch (widget.variant) {
|
|
|
|
|
|
|
|
case "heading":
|
|
|
|
|
|
|
|
return FontWeight.w900;
|
|
|
|
|
|
|
|
case "heading2":
|
|
|
|
|
|
|
|
return FontWeight.w900;
|
|
|
|
|
|
|
|
case "heading3":
|
|
|
|
|
|
|
|
return FontWeight.w900;
|
|
|
|
|
|
|
|
case "body1":
|
|
|
|
|
|
|
|
return FontWeight.w800;
|
|
|
|
|
|
|
|
case "body2":
|
|
|
|
|
|
|
|
return FontWeight.w900;
|
|
|
|
|
|
|
|
case "body2Link":
|
|
|
|
|
|
|
|
return FontWeight.w800;
|
|
|
|
|
|
|
|
case "caption":
|
|
|
|
|
|
|
|
return FontWeight.w700;
|
|
|
|
|
|
|
|
case "caption2":
|
|
|
|
|
|
|
|
return FontWeight.w700;
|
|
|
|
|
|
|
|
case "bodyText":
|
|
|
|
|
|
|
|
return FontWeight.w500;
|
|
|
|
|
|
|
|
case "bodyText2":
|
|
|
|
|
|
|
|
return FontWeight.w500;
|
|
|
|
|
|
|
|
case "caption3":
|
|
|
|
|
|
|
|
return FontWeight.w600;
|
|
|
|
|
|
|
|
case "caption4":
|
|
|
|
|
|
|
|
return FontWeight.w600;
|
|
|
|
|
|
|
|
case "overline":
|
|
|
|
|
|
|
|
return FontWeight.w800;
|
|
|
|
|
|
|
|
case "date":
|
|
|
|
|
|
|
|
return FontWeight.w900;
|
|
|
|
|
|
|
|
default:
|
|
|
|
|
|
|
|
return FontWeight.w500;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
return FontWeight.w500;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|