SenderChatBubbleStyle constructor
const
SenderChatBubbleStyle({
- TextMessageViewStyle textMessageViewStyle = const 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(0xffD0D8EB)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Color(0xff97A5C7))),
- 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(0xffD0D8EB)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Color(0xff97A5C7))), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11), imageBorderRadius: BorderRadius.all(Radius.circular(10)), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(border: Border.fromBorderSide(BorderSide(width: 1.0)), 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(0xffD0D8EB)), textStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), iconColor: Color(0xff97A5C7))), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11), videoBorderRadius: BorderRadius.all(Radius.circular(10)), downloadUploadViewStyle: DownloadUploadViewStyle(decoration: BoxDecoration(border: Border.fromBorderSide(BorderSide(width: 1.0)), 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(0xffD0D8EB)), durationTextStyle: TextStyle(fontWeight: FontWeight.w300, color: Color(0xff455E93), fontSize: 8), sliderThemeData: SliderThemeData(thumbColor: Color(0xff7285B5), trackHeight: 2, activeTrackColor: Colors.white, inactiveTrackColor: Color(0xffAFB8D0), thumbShape: RoundSliderThumbShape(enabledThumbRadius: (10 / 2))), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff455E93), 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(0xffD0D8EB)), fileTextStyle: TextMessageViewStyle(textStyle: TextStyle(fontWeight: FontWeight.w300, color: Colors.black, fontSize: 12), highlightColor: Colors.orange, timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff455E93), fontSize: 11)), sizeTextStyle: TextStyle(fontWeight: FontWeight.w300, color: Colors.black, 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: Colors.black, fontSize: 14), timeTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Color(0xff455E93), fontSize: 11)), viewTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12), profileImageSize: Size(30, 30), dividerColor: Color(0xffD2D8E8)),
- 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(0xffD0D8EB)), titleTextStyle: TextStyle(fontWeight: FontWeight.w600, color: Colors.black, fontSize: 11), contentTextStyle: TextStyle(fontWeight: FontWeight.normal, color: Colors.black, 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), bottomLeft: Radius.circular(10)), color: Color(0xffE2E8F7), border: Border.fromBorderSide(BorderSide(color: Color(0xffe2eafc)))),
Implementation
const SenderChatBubbleStyle({
this.textMessageViewStyle = const 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(0xffD0D8EB),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Color(0xff97A5C7))),
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(0xffD0D8EB),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Color(0xff97A5C7))),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11),
imageBorderRadius: BorderRadius.all(Radius.circular(10)),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
border: Border.fromBorderSide(BorderSide(width: 1.0)),
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(0xffD0D8EB),
),
textStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Colors.black,
fontSize: 12),
iconColor: Color(0xff97A5C7))),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.white, fontSize: 11),
videoBorderRadius: BorderRadius.all(Radius.circular(10)),
downloadUploadViewStyle: DownloadUploadViewStyle(
decoration: BoxDecoration(
border: Border.fromBorderSide(BorderSide(width: 1.0)),
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(0xffD0D8EB)),
durationTextStyle: TextStyle(
fontWeight: FontWeight.w300, color: Color(0xff455E93), fontSize: 8),
sliderThemeData: SliderThemeData(
thumbColor: Color(0xff7285B5),
trackHeight: 2,
activeTrackColor: Colors.white,
inactiveTrackColor: Color(0xffAFB8D0),
// overlayShape: SliderComponentShape.noThumb,
thumbShape: RoundSliderThumbShape(enabledThumbRadius: (10 / 2)),
),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff455E93),
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(0xffD0D8EB)),
fileTextStyle: TextMessageViewStyle(
textStyle: TextStyle(
fontWeight: FontWeight.w300, color: Colors.black, fontSize: 12),
highlightColor: Colors.orange,
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff455E93),
fontSize: 11),
),
sizeTextStyle: TextStyle(
fontWeight: FontWeight.w300, color: Colors.black, 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: Colors.black,
fontSize: 14),
timeTextStyle: TextStyle(
fontWeight: FontWeight.normal,
color: Color(0xff455E93),
fontSize: 11)),
viewTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.black, fontSize: 12),
profileImageSize: Size(30, 30),
dividerColor: Color(0xffD2D8E8)),
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(0xffD0D8EB),
),
titleTextStyle: TextStyle(
fontWeight: FontWeight.w600, color: Colors.black, fontSize: 11),
contentTextStyle: TextStyle(
fontWeight: FontWeight.normal, color: Colors.black, 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),
bottomLeft: Radius.circular(10)),
color: Color(0xffE2E8F7),
border: Border.fromBorderSide(BorderSide(color: Color(0xffe2eafc)))),
});