|
|
|
@ -1,3 +1,5 @@
|
|
|
|
|
import 'dart:ui';
|
|
|
|
|
|
|
|
|
|
import 'package:compass_app/common/themes/colors.dart';
|
|
|
|
|
import 'package:compass_app/common/themes/text_styles.dart';
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
@ -14,30 +16,33 @@ class TagChip extends StatelessWidget {
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
return ClipRRect(
|
|
|
|
|
borderRadius: BorderRadius.circular(10.0),
|
|
|
|
|
child: DecoratedBox(
|
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
|
color: AppColors.grey2,
|
|
|
|
|
),
|
|
|
|
|
child: SizedBox(
|
|
|
|
|
height: 20.0,
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 6.0),
|
|
|
|
|
child: Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
Icon(
|
|
|
|
|
_iconFrom(tag),
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
size: 10,
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
Text(
|
|
|
|
|
tag,
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
style: TextStyles.chipTagStyle,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
child: BackdropFilter(
|
|
|
|
|
filter: ImageFilter.blur(sigmaX: 3, sigmaY: 3),
|
|
|
|
|
child: DecoratedBox(
|
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
|
color: AppColors.whiteTransparent,
|
|
|
|
|
),
|
|
|
|
|
child: SizedBox(
|
|
|
|
|
height: 20.0,
|
|
|
|
|
child: Padding(
|
|
|
|
|
padding: const EdgeInsets.symmetric(horizontal: 6.0),
|
|
|
|
|
child: Row(
|
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: [
|
|
|
|
|
Icon(
|
|
|
|
|
_iconFrom(tag),
|
|
|
|
|
color: Colors.white,
|
|
|
|
|
size: 10,
|
|
|
|
|
),
|
|
|
|
|
const SizedBox(width: 4),
|
|
|
|
|
Text(
|
|
|
|
|
tag,
|
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
style: TextStyles.chipTagStyle,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|