119 lines
4.1 KiB
Dart
119 lines
4.1 KiB
Dart
import 'package:cims_apps/application/component/expandable_widget/see_more_less_widget.dart';
|
|
import 'package:cims_apps/application/theme/color_palette.dart';
|
|
import 'package:cims_apps/core/utils/size_config.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class ExpandableWidget extends StatelessWidget {
|
|
final String? content;
|
|
final double? fontSize;
|
|
final int maxLinesToShow;
|
|
final Alignment? alignmentMore;
|
|
final bool? hideTextMore;
|
|
final bool? hideIconMore;
|
|
|
|
ExpandableWidget({
|
|
super.key,
|
|
required this.content,
|
|
this.fontSize,
|
|
this.maxLinesToShow = 1,
|
|
this.alignmentMore,
|
|
this.hideTextMore = false,
|
|
this.hideIconMore = true,
|
|
});
|
|
|
|
ValueNotifier<bool> expanded = ValueNotifier(false);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final TextSpan textSpan = TextSpan(
|
|
text: content ?? "",
|
|
style: TextStyle(
|
|
fontSize: fontSize ?? 16.0,
|
|
color: ColorPalette.slate400,
|
|
),
|
|
);
|
|
|
|
final TextPainter textPainter = TextPainter(
|
|
text: textSpan,
|
|
maxLines: expanded.value ? null : maxLinesToShow,
|
|
textDirection: TextDirection.ltr,
|
|
strutStyle: StrutStyle(
|
|
fontSize: fontSize ?? 16.0,
|
|
)
|
|
);
|
|
|
|
textPainter.layout(maxWidth: SizeConfig.width);
|
|
|
|
final int numberOfLines = textPainter.computeLineMetrics().length;
|
|
return ValueListenableBuilder(
|
|
valueListenable: expanded,
|
|
builder: (context, values, _) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
LayoutBuilder(
|
|
builder: (BuildContext context, BoxConstraints constraints) {
|
|
if (!expanded.value && numberOfLines >= maxLinesToShow) {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
content ?? "",
|
|
maxLines: maxLinesToShow,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontSize: fontSize ?? 16.0,
|
|
color: ColorPalette.slate400,
|
|
),
|
|
),
|
|
/* See More :: type 1 - See More | 2 - See Less */
|
|
SeeMoreLessWidget(
|
|
textData: 'See More',
|
|
type: 1,
|
|
section: 1,
|
|
onSeeMoreLessTap: () {
|
|
expanded.value = true;
|
|
},
|
|
alignment: alignmentMore,
|
|
hideIconMore: hideIconMore!,
|
|
hideTextMore: hideTextMore!,
|
|
),
|
|
/* See More :: type 1 - See More | 2 - See Less */
|
|
],
|
|
);
|
|
} else {
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
content ?? "",
|
|
style: TextStyle(
|
|
fontSize: fontSize ?? 16.0,
|
|
color: ColorPalette.slate400,
|
|
),
|
|
),
|
|
if (expanded.value && numberOfLines >= maxLinesToShow)
|
|
/* See Less :: type 1 - See More | 2 - See Less */
|
|
SeeMoreLessWidget(
|
|
textData: 'See Less',
|
|
type: 2,
|
|
section: 1,
|
|
onSeeMoreLessTap: () {
|
|
expanded.value = false;
|
|
},
|
|
alignment: alignmentMore,
|
|
hideIconMore: hideIconMore!,
|
|
hideTextMore: hideTextMore!,
|
|
),
|
|
/* See Less :: type 1 - See More | 2 - See Less */
|
|
],
|
|
);
|
|
}
|
|
},
|
|
),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
} |