ReceiverChatBubbleStyle constructor
const
ReceiverChatBubbleStyle({
- TextStyle participantNameTextStyle = const TextStyle(fontWeight: FontWeight.w600, fontSize: 12),
- TextMessageViewStyle textMessageViewStyle = const TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff313131), fontSize: 14), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff959595), fontSize: 11), callLinkViewStyle: CallLinkViewStyle(decoration: BoxDecoration(color: Color(0xffEFEFEF)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Colors.grey)),
- ImageMessageViewStyle imageMessageViewStyle = const ImageMessageViewStyle(captionTextViewStyle: TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 14), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff455E93), fontSize: 11), callLinkViewStyle: CallLinkViewStyle(decoration: BoxDecoration(color: Color(0xffEFEFEF)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Colors.grey)), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11), imageBorderRadius: BorderRadius.all(Radius.circular(10)), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(4)), color: Colors.black45), textStyle: TextStyle(fontWeight: FontWeight.w500, color: Colors.white, fontSize: 10), progressIndicatorThemeData: ProgressIndicatorThemeData(color: Colors.white, linearTrackColor: Colors.transparent), iconStyle: IconStyle(iconColor: Colors.white))),
- VideoMessageViewStyle videoMessageViewStyle = const VideoMessageViewStyle(captionTextViewStyle: TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 14), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff455E93), fontSize: 11), callLinkViewStyle: CallLinkViewStyle(decoration: BoxDecoration(color: Color(0xffEFEFEF)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Colors.grey)), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11), videoBorderRadius: BorderRadius.all(Radius.circular(10)), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(4)), color: Colors.black45), textStyle: TextStyle(fontWeight: FontWeight.w500, color: Colors.white, fontSize: 10), progressIndicatorThemeData: ProgressIndicatorThemeData(color: Colors.white, linearTrackColor: Colors.transparent), iconStyle: IconStyle(iconColor: AppColor.primaryColor, bgColor: Colors.white))),
- AudioMessageViewStyle audioMessageViewStyle = const AudioMessageViewStyle(decoration: BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(10), topRight: Radius.circular(10)), color: Color(0xffEFEFEF)), durationTextStyle: TextStyle(fontWeight: FontWeight.w300, color: Color(0xff313131), fontSize: 8), sliderThemeData: SliderThemeData(thumbColor: Color(0xff7285B5), trackHeight: 2, activeTrackColor: Color(0xff848FAD), inactiveTrackColor: Color(0xffB9C1D6), thumbShape: RoundSliderThumbShape(enabledThumbRadius: (10 / 2))), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff9E9E9E), fontSize: 11), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(border: Border.fromBorderSide(BorderSide(color: Color(0xffAFB8D0), width: 1.0)), borderRadius: BorderRadius.all(Radius.circular(3))), progressIndicatorThemeData: ProgressIndicatorThemeData(color: Color(0xff7285B5), linearTrackColor: Colors.transparent), iconStyle: IconStyle(iconColor: Color(0xff7285B5))), iconStyle: IconStyle(bgColor: Color(0xff97A5C7), iconColor: Colors.white)),
- DocMessageViewStyle docMessageViewStyle = const DocMessageViewStyle(decoration: BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(10), topRight: Radius.circular(10)), color: Color(0xffEFEFEF)), fileTextStyle: TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.w300, color: Color(0xff313131), fontSize: 12), highlightColor: Colors.orange, timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff9E9E9E), fontSize: 11)), sizeTextStyle: TextStyle(fontWeight: FontWeight.w300, color: Color(0xff313131), fontSize: 7), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(border: Border.fromBorderSide(BorderSide(color: Color(0xffAFB8D0), width: 1.0)), borderRadius: BorderRadius.all(Radius.circular(3))), progressIndicatorThemeData: ProgressIndicatorThemeData(color: Color(0xff7285B5), linearTrackColor: Colors.transparent), iconStyle: IconStyle(iconColor: Color(0xff7285B5)))),
- ContactMessageViewStyle contactMessageViewStyle = const ContactMessageViewStyle(textMessageViewStyle: TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff313131), fontSize: 14), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff9E9E9E), fontSize: 11)), viewTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff313131), fontSize: 12), profileImageSize: Size(30, 30), dividerColor: Color(0xffE3E7F1)),
- LocationMessageViewStyle locationMessageViewStyle = const LocationMessageViewStyle(timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11), locationBorderRadius: BorderRadius.all(Radius.circular(10))),
- ReplyHeaderMessageViewStyle replyHeaderMessageViewStyle = const ReplyHeaderMessageViewStyle(decoration: BoxDecoration(borderRadius: BorderRadius.all(Radius.circular(10)), color: Color(0xffEFEFEF)), titleTextStyle: TextStyle(fontWeight: FontWeight.w600, color: Color(0xff313131), fontSize: 11), contentTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff313131), fontSize: 13), mediaIconStyle: IconStyle(bgColor: Color(0xff7285B5), iconColor: Colors.white), borderRadius: BorderRadius.only(topRight: Radius.circular(5), bottomRight: Radius.circular(5))),
- Decoration decoration = const BoxDecoration(borderRadius: BorderRadius.only(topLeft: Radius.circular(10), topRight: Radius.circular(10), bottomRight: Radius.circular(10)), color: Colors.white, border: Border.fromBorderSide(BorderSide(color: Color(0xffE3E7F0)))),
Implementation
const ReceiverChatBubbleStyle({
this.participantNameTextStyle =
const TextStyle(fontWeight: FontWeight.w600, fontSize: 12),
this.textMessageViewStyle = const TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff313131),
fontSize: 14),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff959595),
fontSize: 11),
callLinkViewStyle: CallLinkViewStyle(
decoration: BoxDecoration(
color: Color(0xffEFEFEF),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Colors.grey)),
this.imageMessageViewStyle = const ImageMessageViewStyle(
captionTextViewStyle: TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 14),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff455E93),
fontSize: 11),
callLinkViewStyle: CallLinkViewStyle(
decoration: BoxDecoration(
color: Color(0xffEFEFEF),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Colors.grey)),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11),
imageBorderRadius: BorderRadius.all(Radius.circular(10)),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(4)),
color: Colors.black45,
),
textStyle: TextStyle(
fontWeight: FontWeight.w500, color: Colors.white, fontSize: 10),
progressIndicatorThemeData: ProgressIndicatorThemeData(
color: Colors.white, linearTrackColor: Colors.transparent),
iconStyle: IconStyle(iconColor: Colors.white))),
this.videoMessageViewStyle = const VideoMessageViewStyle(
captionTextViewStyle: TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 14),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff455E93),
fontSize: 11),
callLinkViewStyle: CallLinkViewStyle(
decoration: BoxDecoration(
color: Color(0xffEFEFEF),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Colors.grey)),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11),
videoBorderRadius: BorderRadius.all(Radius.circular(10)),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(4)),
color: Colors.black45,
),
textStyle: TextStyle(
fontWeight: FontWeight.w500, color: Colors.white, fontSize: 10),
progressIndicatorThemeData: ProgressIndicatorThemeData(
color: Colors.white, linearTrackColor: Colors.transparent),
iconStyle: IconStyle(
iconColor: AppColor.primaryColor, bgColor: Colors.white))),
this.audioMessageViewStyle = const AudioMessageViewStyle(
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10), topRight: Radius.circular(10)),
color: Color(0xffEFEFEF)),
durationTextStyle: TextStyle(
fontWeight: FontWeight.w300, color: Color(0xff313131), fontSize: 8),
sliderThemeData: SliderThemeData(
thumbColor: Color(0xff7285B5),
trackHeight: 2,
activeTrackColor: Color(0xff848FAD),
inactiveTrackColor: Color(0xffB9C1D6),
// overlayShape: SliderComponentShape.noThumb,
thumbShape: RoundSliderThumbShape(enabledThumbRadius: (10 / 2)),
),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff9E9E9E),
fontSize: 11),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
border: Border.fromBorderSide(
BorderSide(color: Color(0xffAFB8D0), width: 1.0)),
borderRadius: BorderRadius.all(Radius.circular(3)),
),
progressIndicatorThemeData: ProgressIndicatorThemeData(
color: Color(0xff7285B5), linearTrackColor: Colors.transparent),
iconStyle: IconStyle(iconColor: Color(0xff7285B5))),
iconStyle:
IconStyle(bgColor: Color(0xff97A5C7), iconColor: Colors.white)),
this.docMessageViewStyle = const DocMessageViewStyle(
decoration: BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10), topRight: Radius.circular(10)),
color: Color(0xffEFEFEF)),
fileTextStyle: TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.w300,
color: Color(0xff313131),
fontSize: 12),
highlightColor: Colors.orange,
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff9E9E9E),
fontSize: 11),
),
sizeTextStyle: TextStyle(
fontWeight: FontWeight.w300, color: Color(0xff313131), fontSize: 7),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
border: Border.fromBorderSide(
BorderSide(color: Color(0xffAFB8D0), width: 1.0)),
borderRadius: BorderRadius.all(Radius.circular(3)),
),
progressIndicatorThemeData: ProgressIndicatorThemeData(
color: Color(0xff7285B5), linearTrackColor: Colors.transparent),
iconStyle: IconStyle(iconColor: Color(0xff7285B5)))),
this.contactMessageViewStyle = const ContactMessageViewStyle(
textMessageViewStyle: TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff313131),
fontSize: 14),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff9E9E9E),
fontSize: 11)),
viewTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff313131),
fontSize: 12),
profileImageSize: Size(30, 30),
dividerColor: Color(0xffE3E7F1)),
this.locationMessageViewStyle = const LocationMessageViewStyle(
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11),
locationBorderRadius: BorderRadius.all(Radius.circular(10))),
this.replyHeaderMessageViewStyle = const ReplyHeaderMessageViewStyle(
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(10)),
color: Color(0xffEFEFEF),
),
titleTextStyle: TextStyle(
fontWeight: FontWeight.w600,
color: Color(0xff313131),
fontSize: 11),
contentTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff313131),
fontSize: 13),
mediaIconStyle:
IconStyle(bgColor: Color(0xff7285B5), iconColor: Colors.white),
borderRadius: BorderRadius.only(
topRight: Radius.circular(5), bottomRight: Radius.circular(5))),
this.decoration = const BoxDecoration(
borderRadius: BorderRadius.only(
topLeft: Radius.circular(10),
topRight: Radius.circular(10),
bottomRight: Radius.circular(10)),
color: Colors.white,
border: Border.fromBorderSide(BorderSide(color: Color(0xffE3E7F0)))),
});