jack ning
2 years ago
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 300 B |
|
After Width: | Height: | Size: 832 B |
|
After Width: | Height: | Size: 844 B |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 602 B |
|
After Width: | Height: | Size: 370 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 487 B |
|
After Width: | Height: | Size: 827 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 300 B |
|
After Width: | Height: | Size: 832 B |
|
After Width: | Height: | Size: 844 B |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 602 B |
|
After Width: | Height: | Size: 370 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 487 B |
|
After Width: | Height: | Size: 827 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 894 B |
|
After Width: | Height: | Size: 300 B |
|
After Width: | Height: | Size: 832 B |
|
After Width: | Height: | Size: 844 B |
|
After Width: | Height: | Size: 512 B |
|
After Width: | Height: | Size: 602 B |
|
After Width: | Height: | Size: 370 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 487 B |
|
After Width: | Height: | Size: 827 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1,198 @@
|
|||||||
|
// import 'package:emoji_picker_flutter/emoji_picker_flutter.dart';
|
||||||
|
// import 'package:emoji_picker_flutter/src/category_emoji.dart';
|
||||||
|
// import 'package:emoji_picker_flutter/src/config.dart';
|
||||||
|
// import 'package:emoji_picker_flutter/src/emoji_picker_builder.dart';
|
||||||
|
// import 'package:emoji_picker_flutter/src/emoji_view_state.dart';
|
||||||
|
import 'package:bytedesk_kefu/vendors/emoji_picker_flutter/emoji_picker_flutter.dart';
|
||||||
|
import 'package:bytedesk_kefu/vendors/emoji_picker_flutter/src/category_emoji.dart';
|
||||||
|
// import 'package:bytedesk_kefu/vendors/emoji_picker_flutter/src/config.dart';
|
||||||
|
// import 'package:bytedesk_kefu/vendors/emoji_picker_flutter/src/emoji_picker_builder.dart';
|
||||||
|
// import 'package:bytedesk_kefu/vendors/emoji_picker_flutter/src/emoji_view_state.dart';
|
||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
/// EmojiPicker Implementation
|
||||||
|
class EmojiPickerView extends EmojiPickerBuilder {
|
||||||
|
/// Constructor
|
||||||
|
EmojiPickerView(
|
||||||
|
Config config,
|
||||||
|
EmojiViewState state,
|
||||||
|
this.handleSendPressed,
|
||||||
|
) : super(config, state);
|
||||||
|
|
||||||
|
@override
|
||||||
|
_EmojiPickerViewState createState() => _EmojiPickerViewState();
|
||||||
|
|
||||||
|
/// See [AttachmentButton.onPressed]
|
||||||
|
final void Function()? handleSendPressed;
|
||||||
|
}
|
||||||
|
|
||||||
|
class _EmojiPickerViewState extends State<EmojiPickerView>
|
||||||
|
with SingleTickerProviderStateMixin {
|
||||||
|
PageController? _pageController;
|
||||||
|
TabController? _tabController;
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
var initCategory = widget.state.categoryEmoji.indexWhere(
|
||||||
|
(element) => element.category == widget.config.initCategory);
|
||||||
|
if (initCategory == -1) {
|
||||||
|
initCategory = 0;
|
||||||
|
}
|
||||||
|
_tabController = TabController(
|
||||||
|
initialIndex: initCategory,
|
||||||
|
length: widget.state.categoryEmoji.length,
|
||||||
|
vsync: this);
|
||||||
|
_pageController = PageController(initialPage: initCategory);
|
||||||
|
super.initState();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return LayoutBuilder(
|
||||||
|
builder: (context, constraints) {
|
||||||
|
final emojiSize = widget.config.getEmojiSize(constraints.maxWidth);
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
color: Color.fromRGBO(251, 251, 251, 1.0), //widget.config.bgColor,
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
Expanded(
|
||||||
|
child: TabBar(
|
||||||
|
labelColor: widget.config.iconColorSelected,
|
||||||
|
indicatorColor: widget.config.indicatorColor,
|
||||||
|
unselectedLabelColor: widget.config.iconColor,
|
||||||
|
controller: _tabController,
|
||||||
|
labelPadding: EdgeInsets.zero,
|
||||||
|
onTap: (index) {
|
||||||
|
_pageController!.jumpToPage(index);
|
||||||
|
},
|
||||||
|
tabs: widget.state.categoryEmoji
|
||||||
|
.asMap()
|
||||||
|
.entries
|
||||||
|
.map<Widget>((item) =>
|
||||||
|
_buildCategory(item.key, item.value.category))
|
||||||
|
.toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
IconButton(
|
||||||
|
padding: const EdgeInsets.only(bottom: 2),
|
||||||
|
icon: Icon(
|
||||||
|
Icons.backspace,
|
||||||
|
color: widget.config.backspaceColor,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
widget.state.onBackspacePressed!();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
// IconButton(
|
||||||
|
// // iconSize: 16,
|
||||||
|
// onPressed: () {
|
||||||
|
// widget.handleSendPressed!();
|
||||||
|
// },
|
||||||
|
// // backgroundColor: Colors.lightGreen,
|
||||||
|
// icon: Icon(Icons.send),
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Flexible(
|
||||||
|
child: PageView.builder(
|
||||||
|
itemCount: widget.state.categoryEmoji.length,
|
||||||
|
controller: _pageController,
|
||||||
|
onPageChanged: (index) {
|
||||||
|
_tabController!.animateTo(
|
||||||
|
index,
|
||||||
|
duration: widget.config.tabIndicatorAnimDuration,
|
||||||
|
);
|
||||||
|
},
|
||||||
|
itemBuilder: (context, index) =>
|
||||||
|
_buildPage(emojiSize, widget.state.categoryEmoji[index]),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.end,
|
||||||
|
children: [],
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildCategory(int index, Category category) {
|
||||||
|
return Tab(
|
||||||
|
icon: Icon(
|
||||||
|
widget.config.getIconForCategory(category),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildButtonWidget(
|
||||||
|
{required VoidCallback onPressed, required Widget child}) {
|
||||||
|
if (widget.config.buttonMode == ButtonMode.MATERIAL) {
|
||||||
|
return TextButton(
|
||||||
|
onPressed: onPressed,
|
||||||
|
child: child,
|
||||||
|
style: ButtonStyle(padding: MaterialStateProperty.all(EdgeInsets.zero)),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
return CupertinoButton(
|
||||||
|
padding: EdgeInsets.zero, onPressed: onPressed, child: child);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildPage(double emojiSize, CategoryEmoji categoryEmoji) {
|
||||||
|
// Display notice if recent has no entries yet
|
||||||
|
if (categoryEmoji.category == Category.RECENT &&
|
||||||
|
categoryEmoji.emoji.isEmpty) {
|
||||||
|
return _buildNoRecent();
|
||||||
|
}
|
||||||
|
// Build page normally
|
||||||
|
return GridView.count(
|
||||||
|
scrollDirection: Axis.vertical,
|
||||||
|
physics: const ScrollPhysics(),
|
||||||
|
shrinkWrap: true,
|
||||||
|
primary: true,
|
||||||
|
padding: const EdgeInsets.all(0),
|
||||||
|
crossAxisCount: widget.config.columns,
|
||||||
|
mainAxisSpacing: widget.config.verticalSpacing,
|
||||||
|
crossAxisSpacing: widget.config.horizontalSpacing,
|
||||||
|
children: categoryEmoji.emoji
|
||||||
|
.map<Widget>((item) => _buildEmoji(emojiSize, categoryEmoji, item))
|
||||||
|
.toList(),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildEmoji(
|
||||||
|
double emojiSize,
|
||||||
|
CategoryEmoji categoryEmoji,
|
||||||
|
Emoji emoji,
|
||||||
|
) {
|
||||||
|
return _buildButtonWidget(
|
||||||
|
onPressed: () {
|
||||||
|
widget.state.onEmojiSelected(categoryEmoji.category, emoji);
|
||||||
|
},
|
||||||
|
child: FittedBox(
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
child: Text(
|
||||||
|
emoji.emoji,
|
||||||
|
textScaleFactor: 1.0,
|
||||||
|
style: TextStyle(
|
||||||
|
fontSize: emojiSize,
|
||||||
|
backgroundColor: Colors.transparent,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget _buildNoRecent() {
|
||||||
|
return Center(
|
||||||
|
child: Text( '无最近使用表情',
|
||||||
|
// widget.config.noRecentsText,
|
||||||
|
// style: widget.config.noRecentsStyle,
|
||||||
|
textAlign: TextAlign.center,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,297 @@
|
|||||||
|
import 'package:carousel_slider/carousel_slider.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
// import 'package:flutter/widgets.dart';
|
||||||
|
// import 'package:get/get.dart';
|
||||||
|
// import 'package:get/get_utils/src/extensions/internacionalization.dart';
|
||||||
|
// import 'package:imboy/config/const.dart';
|
||||||
|
|
||||||
|
class ExtraItem extends StatelessWidget {
|
||||||
|
const ExtraItem({
|
||||||
|
Key? key,
|
||||||
|
required this.onPressed,
|
||||||
|
required this.image,
|
||||||
|
double? this.width,
|
||||||
|
double? this.height,
|
||||||
|
required this.title,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
final ImageProvider image;
|
||||||
|
final void Function()? onPressed;
|
||||||
|
final double? width;
|
||||||
|
final double? height;
|
||||||
|
final String title;
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: this.onPressed ?? () => {
|
||||||
|
print('功能暂未实现')
|
||||||
|
},
|
||||||
|
child: Padding(
|
||||||
|
padding: EdgeInsets.only(left: 15, top: 13, right: 15, bottom: 0),
|
||||||
|
child: Column(
|
||||||
|
children: [
|
||||||
|
Container(
|
||||||
|
width: this.width ?? 56,
|
||||||
|
height: this.height ?? 56,
|
||||||
|
// margin: EdgeInsets.symmetric(horizontal: 10),
|
||||||
|
child: Material(
|
||||||
|
color: AppColors.ChatInputBackgroundColor,
|
||||||
|
// INK可以实现装饰容器
|
||||||
|
child: new Ink(
|
||||||
|
// 用ink圆角矩形
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
// 背景
|
||||||
|
color: AppColors.ChatInputBackgroundColor,
|
||||||
|
// 设置四周圆角 角度
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(16.0)),
|
||||||
|
// 设置四周边框
|
||||||
|
border: Border.all(
|
||||||
|
width: 1,
|
||||||
|
color: AppColors.ChatInputBackgroundColor,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
child: Image(
|
||||||
|
image: this.image,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Text(this.title),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class ExtraItems extends StatefulWidget {
|
||||||
|
const ExtraItems({
|
||||||
|
Key? key,
|
||||||
|
this.handleImageSelection,
|
||||||
|
this.handleFileSelection,
|
||||||
|
this.handlePickerSelection,
|
||||||
|
this.handleUploadVideo,
|
||||||
|
this.handleCaptureVideo,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
final void Function()? handleImageSelection;
|
||||||
|
final void Function()? handleFileSelection;
|
||||||
|
final void Function()? handlePickerSelection;
|
||||||
|
final void Function()? handleUploadVideo;
|
||||||
|
final void Function()? handleCaptureVideo;
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ExtraItemsState createState() => _ExtraItemsState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ExtraItemsState extends State<ExtraItems> {
|
||||||
|
int _current = 0;
|
||||||
|
CarouselController _controller = CarouselController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
var items = [
|
||||||
|
Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
ExtraItem(
|
||||||
|
title: "照片",
|
||||||
|
image: AssetImage('assets/images/chat/extra_photo.webp'),
|
||||||
|
onPressed: widget.handleImageSelection,
|
||||||
|
),
|
||||||
|
ExtraItem(
|
||||||
|
title: "拍摄",
|
||||||
|
image: AssetImage('assets/images/chat/extra_camera.webp'),
|
||||||
|
onPressed: widget.handlePickerSelection,
|
||||||
|
),
|
||||||
|
ExtraItem(
|
||||||
|
title: "上传视频",
|
||||||
|
image: AssetImage('assets/images/chat/extra_media.webp'),
|
||||||
|
onPressed: widget.handleUploadVideo,
|
||||||
|
),
|
||||||
|
ExtraItem(
|
||||||
|
title: "录制视频",
|
||||||
|
image: AssetImage('assets/images/chat/extra_videocall.webp'),
|
||||||
|
onPressed: widget.handleCaptureVideo,
|
||||||
|
),
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "位置",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_localtion.webp'),
|
||||||
|
// onPressed: null,
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
children: [
|
||||||
|
// TODO: 选择文件
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "文件",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_file.webp'),
|
||||||
|
// onPressed: widget.handleFileSelection,
|
||||||
|
// ),
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "语音输入",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_voice.webp'),
|
||||||
|
// onPressed: null,
|
||||||
|
// ),
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "收藏",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_favorite.webp'),
|
||||||
|
// onPressed: null,
|
||||||
|
// ),
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "个人名片",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_card.webp'),
|
||||||
|
// onPressed: null,
|
||||||
|
// ),
|
||||||
|
],
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
// Column(
|
||||||
|
// children: <Widget>[
|
||||||
|
// Row(children: [
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "文件",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_file.webp'),
|
||||||
|
// onPressed: widget.handleFileSelection,
|
||||||
|
// ),
|
||||||
|
// ExtraItem(
|
||||||
|
// title: "卡券",
|
||||||
|
// image: AssetImage('assets/images/chat/extra_wallet.png'),
|
||||||
|
// onPressed: null,
|
||||||
|
// ),
|
||||||
|
// ]),
|
||||||
|
// ],
|
||||||
|
// ),
|
||||||
|
];
|
||||||
|
return Column(
|
||||||
|
children: <Widget>[
|
||||||
|
Expanded(
|
||||||
|
child: CarouselSlider(
|
||||||
|
options: CarouselOptions(
|
||||||
|
height: 50, // Get.height,
|
||||||
|
viewportFraction: 1.0,
|
||||||
|
aspectRatio: 2.0,
|
||||||
|
scrollDirection: Axis.horizontal,
|
||||||
|
disableCenter: true,
|
||||||
|
initialPage: 1,
|
||||||
|
enableInfiniteScroll: false,
|
||||||
|
onPageChanged: (index, reason) {
|
||||||
|
setState(() {
|
||||||
|
_current = index;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
items: items.map((tab) {
|
||||||
|
return Padding(
|
||||||
|
padding: EdgeInsets.only(left: 8),
|
||||||
|
child: tab,
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: items.asMap().entries.map((entry) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: () => _controller.animateToPage(entry.key),
|
||||||
|
child: Container(
|
||||||
|
width: 10.0,
|
||||||
|
height: 10.0,
|
||||||
|
margin: EdgeInsets.symmetric(
|
||||||
|
vertical: 8.0,
|
||||||
|
horizontal: 6.0,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
shape: BoxShape.circle,
|
||||||
|
color: (Theme.of(context).brightness == Brightness.dark
|
||||||
|
? Colors.white
|
||||||
|
: Colors.black)
|
||||||
|
.withOpacity(_current == entry.key ? 0.7 : 0.2),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
class AppColors {
|
||||||
|
static const AppBarColor = Color.fromRGBO(237, 237, 237, 1);
|
||||||
|
|
||||||
|
static const BgColor = Color.fromRGBO(255, 255, 255, 1);
|
||||||
|
|
||||||
|
static const LineColor = Colors.grey;
|
||||||
|
|
||||||
|
static const TipColor = Color.fromRGBO(89, 96, 115, 1.0);
|
||||||
|
|
||||||
|
static const MainTextColor = Color.fromRGBO(115, 115, 115, 1.0);
|
||||||
|
|
||||||
|
static const LabelTextColor = Color.fromRGBO(144, 144, 144, 1.0);
|
||||||
|
|
||||||
|
static const ItemBgColor = Color.fromRGBO(75, 75, 75, 1.0);
|
||||||
|
|
||||||
|
static const ItemOnColor = Color.fromRGBO(68, 68, 68, 1.0);
|
||||||
|
|
||||||
|
static const ButtonTextColor = Color.fromRGBO(112, 113, 135, 1.0);
|
||||||
|
|
||||||
|
static const TitleColor = 0xff181818;
|
||||||
|
static const ButtonArrowColor = 0xffadadad;
|
||||||
|
|
||||||
|
///
|
||||||
|
|
||||||
|
/// 主背景 白色
|
||||||
|
static const Color primaryBackground = Color.fromARGB(255, 255, 255, 255);
|
||||||
|
|
||||||
|
/// 主文本 灰色
|
||||||
|
static const Color primaryText = Color.fromARGB(255, 45, 45, 47);
|
||||||
|
|
||||||
|
/// 主控件-背景 绿色
|
||||||
|
static const Color primaryElement = Color.fromARGB(255, 109, 192, 102);
|
||||||
|
|
||||||
|
/// 主控件-文本 白色
|
||||||
|
static const Color primaryElementText = Color.fromARGB(255, 255, 255, 255);
|
||||||
|
|
||||||
|
// *****************************************
|
||||||
|
|
||||||
|
/// 第二种控件-背景色 淡灰色
|
||||||
|
static const Color secondaryElement = Color.fromARGB(255, 246, 246, 246);
|
||||||
|
|
||||||
|
/// 第二种控件-文本 浅绿色
|
||||||
|
static const Color secondaryElementText = Color.fromRGBO(169, 234, 122, 1.0);
|
||||||
|
|
||||||
|
// *****************************************
|
||||||
|
|
||||||
|
/// 第三种控件-背景色 石墨色
|
||||||
|
static const Color thirdElement = Color.fromARGB(255, 45, 45, 47);
|
||||||
|
|
||||||
|
/// 第三种控件-文本 浅灰色2
|
||||||
|
static const Color thirdElementText = Color.fromARGB(255, 141, 141, 142);
|
||||||
|
|
||||||
|
// *****************************************
|
||||||
|
|
||||||
|
/// tabBar 默认颜色 灰色
|
||||||
|
static const Color tabBarElement = Color.fromARGB(255, 208, 208, 208);
|
||||||
|
|
||||||
|
/// tabCellSeparator 单元格底部分隔条 颜色
|
||||||
|
static const Color tabCellSeparator = Color.fromARGB(255, 230, 230, 231);
|
||||||
|
|
||||||
|
// for chat
|
||||||
|
static const ChatBg = Color.fromRGBO(243, 243, 243, 1.0);
|
||||||
|
static const ChatSendMessgeBgColor = Color.fromRGBO(169, 234, 122, 1.0);
|
||||||
|
static const ChatSentMessageBodyTextColor = Color.fromRGBO(19, 29, 13, 1.0);
|
||||||
|
|
||||||
|
static const ChatReceivedMessageBodyTextColor =
|
||||||
|
Color.fromRGBO(25, 25, 25, 1.0);
|
||||||
|
static const ChatReceivedMessageBodyBgColor =
|
||||||
|
Color.fromRGBO(255, 255, 255, 1.0);
|
||||||
|
static const ChatInputBackgroundColor = Color.fromRGBO(240, 240, 240, 1.0);
|
||||||
|
static const ChatInputFillGgColor = Color.fromRGBO(251, 251, 251, 1.0);
|
||||||
|
// end for chat
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class ImageButton extends StatefulWidget {
|
||||||
|
const ImageButton({
|
||||||
|
Key? key,
|
||||||
|
required this.onPressed,
|
||||||
|
required this.image,
|
||||||
|
double? this.width,
|
||||||
|
double? this.height,
|
||||||
|
String? this.title,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
final ImageProvider image;
|
||||||
|
final void Function()? onPressed;
|
||||||
|
final double? width;
|
||||||
|
final double? height;
|
||||||
|
final String? title;
|
||||||
|
|
||||||
|
@override
|
||||||
|
_ImageButtonState createState() => _ImageButtonState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ImageButtonState extends State<ImageButton> {
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: widget.onPressed,
|
||||||
|
child: Container(
|
||||||
|
width: widget.width ?? 44,
|
||||||
|
height: widget.height ?? 44,
|
||||||
|
alignment: Alignment.center,
|
||||||
|
child: Image(
|
||||||
|
image: widget.image,
|
||||||
|
width: widget.width ?? 35,
|
||||||
|
height: widget.height ?? 35,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
/// Used to toggle the visibility behavior of the [SendButton] based on the
|
||||||
|
/// [TextField] state inside the [Input] widget.
|
||||||
|
enum SendButtonVisibilityMode {
|
||||||
|
/// Always show the [SendButton] regardless of the [TextField] state.
|
||||||
|
always,
|
||||||
|
|
||||||
|
/// The [SendButton] will only appear when the [TextField] is not empty.
|
||||||
|
editing,
|
||||||
|
|
||||||
|
/// Always hide the [SendButton] regardless of the [TextField] state.
|
||||||
|
hidden,
|
||||||
|
}
|
||||||
@ -0,0 +1,41 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
class CustomOverlay extends StatelessWidget {
|
||||||
|
final Widget? icon;
|
||||||
|
final BoxDecoration decoration;
|
||||||
|
final double width;
|
||||||
|
final double height;
|
||||||
|
|
||||||
|
const CustomOverlay({
|
||||||
|
Key? key,
|
||||||
|
this.icon,
|
||||||
|
this.decoration = const BoxDecoration(
|
||||||
|
color: Color(0xff77797A),
|
||||||
|
borderRadius: BorderRadius.all(Radius.circular(20.0)),
|
||||||
|
),
|
||||||
|
this.width = 160,
|
||||||
|
this.height = 160,
|
||||||
|
}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Positioned(
|
||||||
|
top: MediaQuery.of(context).size.height * 0.5 - width / 2,
|
||||||
|
left: MediaQuery.of(context).size.width * 0.5 - height / 2,
|
||||||
|
child: Material(
|
||||||
|
type: MaterialType.transparency,
|
||||||
|
child: Center(
|
||||||
|
child: Opacity(
|
||||||
|
opacity: 0.8,
|
||||||
|
child: Container(
|
||||||
|
width: width,
|
||||||
|
height: height,
|
||||||
|
decoration: decoration,
|
||||||
|
child: icon,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
library emoji_picker_flutter;
|
||||||
|
|
||||||
|
export './src/category_icons.dart';
|
||||||
|
export './src/config.dart';
|
||||||
|
export './src/emoji.dart';
|
||||||
|
export './src/emoji_picker.dart';
|
||||||
|
export './src/emoji_picker_builder.dart';
|
||||||
|
export './src/emoji_picker_utils.dart';
|
||||||
|
export './src/emoji_view_state.dart';
|
||||||
@ -0,0 +1,13 @@
|
|||||||
|
import '../emoji_picker_flutter.dart';
|
||||||
|
|
||||||
|
/// Container for Category and their emoji
|
||||||
|
class CategoryEmoji {
|
||||||
|
/// Constructor
|
||||||
|
CategoryEmoji(this.category, this.emoji);
|
||||||
|
|
||||||
|
/// Category instance
|
||||||
|
final Category category;
|
||||||
|
|
||||||
|
/// List of emoji of this category
|
||||||
|
List<Emoji> emoji;
|
||||||
|
}
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
|
/// Class that defines the icon representing a [Category]
|
||||||
|
class CategoryIcon {
|
||||||
|
/// Icon of Category
|
||||||
|
const CategoryIcon({
|
||||||
|
required this.icon,
|
||||||
|
this.color = const Color.fromRGBO(211, 211, 211, 1),
|
||||||
|
this.selectedColor = const Color.fromRGBO(178, 178, 178, 1),
|
||||||
|
});
|
||||||
|
|
||||||
|
/// The icon to represent the category
|
||||||
|
final IconData icon;
|
||||||
|
|
||||||
|
/// The default color of the icon
|
||||||
|
final Color color;
|
||||||
|
|
||||||
|
/// The color of the icon once the category is selected
|
||||||
|
final Color selectedColor;
|
||||||
|
}
|
||||||