Compare commits
No commits in common. 'master' and 'null_safety' have entirely different histories.
master
...
null_safet
@ -1,4 +1,3 @@
|
|||||||
{
|
{
|
||||||
"flutterSdkVersion": "2.8.1",
|
"flutterSdkVersion": "stable"
|
||||||
"flavors": {}
|
|
||||||
}
|
}
|
||||||
@ -1,3 +1,3 @@
|
|||||||
{
|
{
|
||||||
"dart.flutterSdkPath": "/Users/zhangmeng/fvm/versions/2.0.2"
|
"dart.flutterSdkPath": "/Users/akufe/fvm/versions/stable"
|
||||||
}
|
}
|
||||||
@ -1,4 +0,0 @@
|
|||||||
{
|
|
||||||
"flutterSdkVersion": "2.2.0",
|
|
||||||
"flavors": {}
|
|
||||||
}
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
import 'package:ansu_ui/extension/list_extension.dart';
|
|
||||||
import 'package:example/codeviewer/code_segments.dart';
|
|
||||||
import 'package:example/component/example_scaffold.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
||||||
import 'package:velocity_x/velocity_x.dart';
|
|
||||||
|
|
||||||
class ExampleListExt extends StatefulWidget {
|
|
||||||
const ExampleListExt({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_ExampleListExtState createState() => _ExampleListExtState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _ExampleListExtState extends State<ExampleListExt> {
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return ExampleScaffold(
|
|
||||||
title: 'String Ext',
|
|
||||||
text: (context) => CodeSegments.stringExt(context),
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
color: Colors.blue,
|
|
||||||
child: Column(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: Text('1'),
|
|
||||||
),
|
|
||||||
Visibility(
|
|
||||||
visible: true,
|
|
||||||
child: Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: Text('2'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Offstage(
|
|
||||||
offstage: true,
|
|
||||||
child: Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: Text('2'),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: Text('3'),
|
|
||||||
),
|
|
||||||
].sepWidget(separate: 10.w.heightBox),
|
|
||||||
),
|
|
||||||
),
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,48 +0,0 @@
|
|||||||
import 'package:ansu_ui/ansu_ui.dart';
|
|
||||||
import 'package:ansu_ui/chart/circle_chart_widget.dart';
|
|
||||||
import 'package:example/codeviewer/code_segments.dart';
|
|
||||||
import 'package:example/common/code_view.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:get/get.dart';
|
|
||||||
|
|
||||||
class ExampleChart extends StatefulWidget {
|
|
||||||
const ExampleChart({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_ExampleChartState createState() => _ExampleChartState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _ExampleChartState extends State<ExampleChart> {
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return ASScaffold(
|
|
||||||
title: 'chart',
|
|
||||||
actions: [
|
|
||||||
IconButton(
|
|
||||||
icon: Icon(Icons.code, color: Colors.black54),
|
|
||||||
onPressed: () => Get.to(CodeView(
|
|
||||||
text: (context) => CodeSegments.button(context),
|
|
||||||
)),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
body: ListView(
|
|
||||||
children: [
|
|
||||||
20.hb,
|
|
||||||
ListTile(
|
|
||||||
title: Text('circle chart'),
|
|
||||||
trailing: Container(
|
|
||||||
width: 50.w,
|
|
||||||
height: 50.w,
|
|
||||||
child: CircleChart(
|
|
||||||
size: 40.w,
|
|
||||||
color: Colors.red,
|
|
||||||
aboveStrokeWidth: 10.w,
|
|
||||||
core: '65%'.text.size(20.sp).color(kTextColor).make(),
|
|
||||||
aspectRato: 0.65,
|
|
||||||
),
|
|
||||||
)),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,84 +0,0 @@
|
|||||||
import 'package:ansu_ui/ansu_ui.dart';
|
|
||||||
import 'package:ansu_ui/divider/as_dotted_divider.dart';
|
|
||||||
import 'package:example/codeviewer/code_segments.dart';
|
|
||||||
import 'package:example/common/code_view.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:get/get.dart';
|
|
||||||
|
|
||||||
class ExampleDivider extends StatefulWidget {
|
|
||||||
ExampleDivider({Key? key}) : super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
_ExampleDividerState createState() => _ExampleDividerState();
|
|
||||||
}
|
|
||||||
|
|
||||||
class _ExampleDividerState extends State<ExampleDivider> {
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return ASScaffold(
|
|
||||||
title: '分割线',
|
|
||||||
actions: [
|
|
||||||
IconButton(
|
|
||||||
icon: Icon(Icons.code, color: Colors.black54),
|
|
||||||
onPressed: () => Get.to(CodeView(
|
|
||||||
text: (context) => CodeSegments.button(context),
|
|
||||||
)),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
body: Center(
|
|
||||||
child: Column(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: 'ASDivider'.text.make(),
|
|
||||||
),
|
|
||||||
ASDivider(
|
|
||||||
color: Colors.black,
|
|
||||||
),
|
|
||||||
Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
).expand(),
|
|
||||||
ASVDivider(),
|
|
||||||
Container(
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
).expand(),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
ASDivider(),
|
|
||||||
Container(
|
|
||||||
width: double.infinity,
|
|
||||||
height: 50.w,
|
|
||||||
color: Colors.red,
|
|
||||||
child: 'ASDottedDivider'.text.make(),
|
|
||||||
),
|
|
||||||
ASDottedDivider.horizontal(
|
|
||||||
color: Colors.black,
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
height: 100.w,
|
|
||||||
child: Row(
|
|
||||||
children: [
|
|
||||||
Container(
|
|
||||||
color: Colors.red,
|
|
||||||
).expand(),
|
|
||||||
ASDottedDivider.vertical(
|
|
||||||
color: Colors.black,
|
|
||||||
),
|
|
||||||
Container(
|
|
||||||
color: Colors.red,
|
|
||||||
).expand(),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
],
|
|
||||||
),
|
|
||||||
),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,63 +1,77 @@
|
|||||||
library ansu_ui;
|
library ansu_ui;
|
||||||
|
|
||||||
export 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
||||||
//third party
|
|
||||||
export 'package:velocity_x/velocity_x.dart';
|
|
||||||
|
|
||||||
export 'badge/as_badge.dart';
|
|
||||||
export 'bar/as_navigation_bar.dart';
|
|
||||||
export 'bar/as_navigation_item.dart';
|
|
||||||
export 'bar/as_tabbar.dart';
|
|
||||||
export 'bar/as_tabbar_item.dart';
|
|
||||||
export 'box/as_check_box.dart';
|
|
||||||
export 'buttons/as_back_button.dart';
|
|
||||||
export 'buttons/as_bottom_button.dart';
|
|
||||||
//buttons
|
//buttons
|
||||||
export 'buttons/as_button.dart';
|
export 'buttons/as_button.dart';
|
||||||
export 'buttons/as_check_button.dart';
|
|
||||||
export 'buttons/as_gradient_button.dart';
|
|
||||||
export 'buttons/as_long_button.dart';
|
export 'buttons/as_long_button.dart';
|
||||||
export 'buttons/as_material_button.dart';
|
export 'buttons/as_back_button.dart';
|
||||||
export 'buttons/as_numeric_button.dart';
|
export 'buttons/as_numeric_button.dart';
|
||||||
|
export 'buttons/as_bottom_button.dart';
|
||||||
|
export 'buttons/as_gradient_button.dart';
|
||||||
export 'buttons/as_radio_button.dart';
|
export 'buttons/as_radio_button.dart';
|
||||||
export 'dialog/as_bottom_dialog.dart';
|
export 'buttons/as_material_button.dart';
|
||||||
export 'dialog/as_bottom_dialog_item.dart';
|
export 'buttons/as_check_button.dart';
|
||||||
export 'dialog/as_delete_dialog.dart';
|
|
||||||
|
//scaffold
|
||||||
|
export 'scaffold/as_scaffold.dart';
|
||||||
|
|
||||||
|
export 'styles/as_colors.dart';
|
||||||
|
|
||||||
|
export 'bar/as_tabbar.dart';
|
||||||
|
export 'bar/as_tabbar_item.dart';
|
||||||
|
export 'bar/as_navigation_bar.dart';
|
||||||
|
export 'bar/as_navigation_item.dart';
|
||||||
|
|
||||||
|
export 'drawer/as_drawer.dart';
|
||||||
|
|
||||||
|
export 'toast/as_toast.dart';
|
||||||
|
|
||||||
|
export 'pickers/as_date_picker.dart';
|
||||||
|
export 'pickers/as_picker_box.dart';
|
||||||
|
export 'pickers/as_two_date_picker.dart';
|
||||||
|
export 'pickers/as_date_range_picker_part.dart';
|
||||||
|
|
||||||
export 'dialog/as_dialog.dart';
|
export 'dialog/as_dialog.dart';
|
||||||
export 'dialog/as_dialog_button.dart';
|
export 'dialog/as_dialog_button.dart';
|
||||||
|
export 'dialog/as_delete_dialog.dart';
|
||||||
|
export 'dialog/as_bottom_dialog.dart';
|
||||||
|
export 'dialog/as_bottom_dialog_item.dart';
|
||||||
export 'dialog/as_show_bottom_dialog.dart';
|
export 'dialog/as_show_bottom_dialog.dart';
|
||||||
export 'divider/as_divider.dart';
|
|
||||||
export 'drawer/as_drawer.dart';
|
|
||||||
export 'extension/Text_extension.dart';
|
|
||||||
export 'extension/image_extension.dart';
|
|
||||||
export 'extension/list_extension.dart';
|
|
||||||
export 'extension/num_extension.dart';
|
|
||||||
export 'extension/string_extension.dart';
|
|
||||||
export 'extension/text_style_extension.dart';
|
|
||||||
export 'extension/widget_extension.dart';
|
|
||||||
export 'list_tile/as_card_expandable.dart';
|
|
||||||
export 'list_tile/as_edit_tile.dart';
|
|
||||||
export 'list_tile/as_list_tile.dart';
|
export 'list_tile/as_list_tile.dart';
|
||||||
export 'list_tile/as_list_tile_x.dart';
|
|
||||||
export 'list_tile/as_option_tile.dart';
|
export 'list_tile/as_option_tile.dart';
|
||||||
|
export 'list_tile/as_edit_tile.dart';
|
||||||
export 'list_tile/as_option_tile_item.dart';
|
export 'list_tile/as_option_tile_item.dart';
|
||||||
export 'list_tile/as_vertical_tile_item.dart';
|
export 'list_tile/as_vertical_tile_item.dart';
|
||||||
export 'pickers/as_date_picker.dart';
|
export 'list_tile/as_list_tile_x.dart';
|
||||||
export 'pickers/as_date_range_picker_part.dart';
|
export 'list_tile/as_card_expandable.dart';
|
||||||
export 'pickers/as_picker_box.dart';
|
|
||||||
export 'pickers/as_two_date_picker.dart';
|
|
||||||
export 'pop_up_menu/pop_up_menu.dart';
|
|
||||||
export 'refresh/as_refresh.dart';
|
export 'refresh/as_refresh.dart';
|
||||||
//scaffold
|
|
||||||
export 'scaffold/as_scaffold.dart';
|
export 'box/as_check_box.dart';
|
||||||
export 'styles/as_colors.dart';
|
|
||||||
export 'tag/as_check_tag.dart';
|
export 'pop_up_menu/pop_up_menu.dart';
|
||||||
|
|
||||||
export 'tag/as_tag.dart';
|
export 'tag/as_tag.dart';
|
||||||
|
export 'tag/as_check_tag.dart';
|
||||||
|
|
||||||
|
export 'divider/as_divider.dart';
|
||||||
export 'text_field/as_search_text_field.dart';
|
export 'text_field/as_search_text_field.dart';
|
||||||
export 'theme/as_theme.dart';
|
export 'badge/as_badge.dart';
|
||||||
export 'toast/as_toast.dart';
|
|
||||||
export 'utils/as_grid_image_view.dart';
|
export 'utils/screen_adapter.dart';
|
||||||
export 'utils/camera_util.dart';
|
export 'utils/camera_util.dart';
|
||||||
export 'utils/camera_view.dart';
|
export 'utils/camera_view.dart';
|
||||||
export 'utils/photo_viewer.dart';
|
export 'utils/photo_viewer.dart';
|
||||||
export 'utils/screen_adapter.dart';
|
|
||||||
|
export 'extension/num_extension.dart';
|
||||||
|
export 'extension/list_extension.dart';
|
||||||
|
export 'extension/widget_extension.dart';
|
||||||
|
export 'extension/string_extension.dart';
|
||||||
|
export 'extension/text_style_extension.dart';
|
||||||
|
export 'extension/image_extension.dart';
|
||||||
|
|
||||||
|
export 'theme/as_theme.dart';
|
||||||
|
|
||||||
|
//third party
|
||||||
|
export 'package:velocity_x/velocity_x.dart';
|
||||||
|
export 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
|||||||
@ -1,56 +0,0 @@
|
|||||||
import 'package:ansu_ui/painters/circle_chart_painter.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
||||||
|
|
||||||
class CircleChart extends StatelessWidget {
|
|
||||||
final double? size;
|
|
||||||
|
|
||||||
///角度
|
|
||||||
final double aspectRato;
|
|
||||||
|
|
||||||
///底部圆圈的宽度
|
|
||||||
final double? underStrokeWidth;
|
|
||||||
|
|
||||||
///弧的宽度
|
|
||||||
final double? aboveStrokeWidth;
|
|
||||||
|
|
||||||
///弧的颜色
|
|
||||||
final Color color;
|
|
||||||
|
|
||||||
///圆圈中间显示的组件
|
|
||||||
final Widget core;
|
|
||||||
|
|
||||||
const CircleChart(
|
|
||||||
{Key? key,
|
|
||||||
this.size,
|
|
||||||
required this.aspectRato,
|
|
||||||
this.underStrokeWidth,
|
|
||||||
this.aboveStrokeWidth,
|
|
||||||
required this.color,
|
|
||||||
required this.core})
|
|
||||||
: super(key: key);
|
|
||||||
|
|
||||||
double get customSize => size ?? 100.w;
|
|
||||||
|
|
||||||
double get customUnderWidth => underStrokeWidth ?? 5.w;
|
|
||||||
|
|
||||||
double get customAboveWidth => aboveStrokeWidth ?? 15.w;
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return SizedBox(
|
|
||||||
width: customSize,
|
|
||||||
height: customSize,
|
|
||||||
child: CustomPaint(
|
|
||||||
painter: CircleChartPainter(
|
|
||||||
underStrokeWidth: customUnderWidth,
|
|
||||||
aboveStrokeWidth: customAboveWidth,
|
|
||||||
radius: aspectRato,
|
|
||||||
aboveColor: color),
|
|
||||||
child: Align(
|
|
||||||
alignment: Alignment.center,
|
|
||||||
child: core,
|
|
||||||
)),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter/rendering.dart';
|
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
||||||
|
|
||||||
class ASDottedDivider extends StatelessWidget {
|
|
||||||
final Axis axis;
|
|
||||||
final List<int>? dash;
|
|
||||||
final Color? color;
|
|
||||||
final double? dashWidth;
|
|
||||||
final double? strokeWidth;
|
|
||||||
const ASDottedDivider({
|
|
||||||
required this.axis,
|
|
||||||
this.dash = const <int>[2, 1],
|
|
||||||
this.color = const Color(0xFFD8D8D8),
|
|
||||||
this.dashWidth,
|
|
||||||
this.strokeWidth,
|
|
||||||
});
|
|
||||||
|
|
||||||
ASDottedDivider.horizontal({
|
|
||||||
this.dashWidth,
|
|
||||||
this.strokeWidth,
|
|
||||||
this.color = const Color(0xFFD8D8D8),
|
|
||||||
}) : this.axis = Axis.horizontal,
|
|
||||||
this.dash = const <int>[2, 1];
|
|
||||||
|
|
||||||
ASDottedDivider.vertical({
|
|
||||||
this.dashWidth,
|
|
||||||
this.strokeWidth,
|
|
||||||
this.color = const Color(0xFFD8D8D8),
|
|
||||||
}) : this.axis = Axis.vertical,
|
|
||||||
this.dash = const <int>[2, 1];
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return LayoutBuilder(builder: (context, boxConstraints) {
|
|
||||||
final boxWidth = this.axis == Axis.horizontal
|
|
||||||
? boxConstraints.constrainWidth()
|
|
||||||
: boxConstraints.constrainHeight();
|
|
||||||
final _dashWidth = dashWidth ?? 10.w;
|
|
||||||
final _dashPattern = (1 + dash![1] / dash![0]);
|
|
||||||
final int count =
|
|
||||||
(( boxWidth) / (_dashWidth * _dashPattern)).floor();
|
|
||||||
return Flex(
|
|
||||||
direction: axis,
|
|
||||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
||||||
children: List.generate(
|
|
||||||
count,
|
|
||||||
(_) => SizedBox(
|
|
||||||
width: this.axis == Axis.horizontal
|
|
||||||
? _dashWidth
|
|
||||||
: strokeWidth ?? 1.w,
|
|
||||||
height: this.axis == Axis.horizontal
|
|
||||||
? strokeWidth ?? 1.w
|
|
||||||
: _dashWidth,
|
|
||||||
child:
|
|
||||||
DecoratedBox(decoration: BoxDecoration(color: color)),
|
|
||||||
)));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import 'package:ansu_ui/utils/match_text.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
extension TextSpanExt on TextSpan {
|
|
||||||
TextSpan match(String match) {
|
|
||||||
return MatchText(matchText: match, text: this.text ?? '', style: this.style)
|
|
||||||
.matchSpan();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,45 +1,11 @@
|
|||||||
import 'package:ansu_ui/utils/match_text.dart';
|
|
||||||
import 'package:auto_size_text_pk/auto_size_text_pk.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
import 'package:flutter/material.dart';
|
||||||
|
|
||||||
import 'Text_extension.dart';
|
|
||||||
|
|
||||||
extension WidgetExt on Widget {
|
extension WidgetExt on Widget {
|
||||||
Widget paddingExt(double horizontal, [double vertical = 0]) =>
|
Widget paddingExt(double horizontal, [double vertical = 0]) => Padding(
|
||||||
Padding(
|
|
||||||
padding: EdgeInsets.symmetric(
|
padding: EdgeInsets.symmetric(
|
||||||
horizontal: horizontal,
|
horizontal: horizontal,
|
||||||
vertical: vertical,
|
vertical: vertical,
|
||||||
),
|
),
|
||||||
child: this,
|
child: this,
|
||||||
);
|
);
|
||||||
|
|
||||||
Widget match(String match) {
|
|
||||||
if (this.runtimeType == Text) {
|
|
||||||
// var spans = (this as Text).textSpan;
|
|
||||||
// if (spans != null) {
|
|
||||||
// spans = spans.match(match);
|
|
||||||
// return Text.rich(spans);
|
|
||||||
// }
|
|
||||||
return MatchText(
|
|
||||||
matchText: match,
|
|
||||||
text: (this as Text).data ?? '',
|
|
||||||
style: (this as Text).style,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.runtimeType == AutoSizeText) {
|
|
||||||
var spans = (this as AutoSizeText).textSpan;
|
|
||||||
if (spans != null) {
|
|
||||||
spans = spans.match(match);
|
|
||||||
return AutoSizeText.rich(spans);
|
|
||||||
}
|
|
||||||
return MatchText(
|
|
||||||
matchText: match,
|
|
||||||
text: (this as AutoSizeText).data ?? '',
|
|
||||||
style: (this as AutoSizeText).style,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return this;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
@ -1,37 +0,0 @@
|
|||||||
import 'dart:math';
|
|
||||||
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
class CircleChartPainter extends CustomPainter {
|
|
||||||
final double underStrokeWidth;
|
|
||||||
final double aboveStrokeWidth;
|
|
||||||
final double radius;
|
|
||||||
final Color aboveColor;
|
|
||||||
|
|
||||||
CircleChartPainter(
|
|
||||||
{required this.underStrokeWidth,
|
|
||||||
required this.aboveStrokeWidth,
|
|
||||||
required this.radius,
|
|
||||||
required this.aboveColor});
|
|
||||||
|
|
||||||
@override
|
|
||||||
void paint(Canvas canvas, Size size) {
|
|
||||||
var offset = Offset(size.width / 2, size.height / 2);
|
|
||||||
var paint = Paint()
|
|
||||||
..strokeWidth = underStrokeWidth
|
|
||||||
..style = PaintingStyle.stroke
|
|
||||||
..color = Color(0xFFCECECE);
|
|
||||||
canvas.drawCircle(offset, size.width / 2, paint);
|
|
||||||
paint
|
|
||||||
..strokeWidth = aboveStrokeWidth
|
|
||||||
..strokeCap = StrokeCap.round
|
|
||||||
..color = aboveColor;
|
|
||||||
var rect = Rect.fromCircle(center: offset, radius: size.width / 2);
|
|
||||||
canvas.drawArc(rect, -pi / 2, 2 * pi * radius, false, paint);
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
bool shouldRepaint(covariant CustomPainter oldDelegate) {
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,98 +0,0 @@
|
|||||||
import 'dart:io';
|
|
||||||
|
|
||||||
import 'package:ansu_ui/ansu_ui.dart';
|
|
||||||
import 'package:flutter/cupertino.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
||||||
|
|
||||||
class AsGridImageView extends StatelessWidget {
|
|
||||||
final List<File>? files;
|
|
||||||
final List<String>? nets;
|
|
||||||
final String? placeholder;
|
|
||||||
final void Function(dynamic value)? onDelete;
|
|
||||||
final double? iconSize;
|
|
||||||
|
|
||||||
const AsGridImageView.fromFile({Key? key,
|
|
||||||
required this.files,
|
|
||||||
this.placeholder,
|
|
||||||
this.onDelete,
|
|
||||||
this.iconSize})
|
|
||||||
: nets = null,
|
|
||||||
super(key: key);
|
|
||||||
|
|
||||||
const AsGridImageView.fromNets({Key? key,
|
|
||||||
required this.nets,
|
|
||||||
this.placeholder,
|
|
||||||
this.onDelete,
|
|
||||||
this.iconSize})
|
|
||||||
: files = null,
|
|
||||||
super(key: key);
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
var size = iconSize ?? 16.w;
|
|
||||||
return GridView(
|
|
||||||
padding: EdgeInsets.all(10.w),
|
|
||||||
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
|
|
||||||
crossAxisCount: 3,
|
|
||||||
mainAxisSpacing: 10.w,
|
|
||||||
crossAxisSpacing: 10.w,
|
|
||||||
),
|
|
||||||
shrinkWrap: true,
|
|
||||||
children: files == null
|
|
||||||
? nets!
|
|
||||||
.map((e) =>
|
|
||||||
GestureDetector(
|
|
||||||
onTap: () =>
|
|
||||||
PhotoViewer.fromNet(
|
|
||||||
context,
|
|
||||||
tag: e,
|
|
||||||
net: e,
|
|
||||||
),
|
|
||||||
child: Stack(
|
|
||||||
children: [
|
|
||||||
Hero(
|
|
||||||
tag: e,
|
|
||||||
child: FadeInImage.assetNetwork(
|
|
||||||
placeholder: placeholder ?? '', image: e),
|
|
||||||
),
|
|
||||||
if(onDelete != null) Positioned(
|
|
||||||
top: size / 2,
|
|
||||||
right: size / 2,
|
|
||||||
child: GestureDetector(
|
|
||||||
onTap: () {
|
|
||||||
onDelete!(e);
|
|
||||||
},
|
|
||||||
child: Icon(
|
|
||||||
CupertinoIcons.xmark_circle_fill,
|
|
||||||
color: Colors.black45,
|
|
||||||
),
|
|
||||||
))
|
|
||||||
],
|
|
||||||
),
|
|
||||||
))
|
|
||||||
.toList()
|
|
||||||
: files!
|
|
||||||
.map((e) =>
|
|
||||||
Stack(children: [
|
|
||||||
if(onDelete != null) Positioned(
|
|
||||||
top: 0,
|
|
||||||
right: 0,
|
|
||||||
child: GestureDetector(
|
|
||||||
onTap: () {
|
|
||||||
onDelete!(e);
|
|
||||||
},
|
|
||||||
child: Icon(
|
|
||||||
CupertinoIcons.xmark_circle_fill,
|
|
||||||
color: Colors.black45,
|
|
||||||
),
|
|
||||||
)),
|
|
||||||
GestureDetector(
|
|
||||||
onTap: () =>
|
|
||||||
PhotoViewer.fromFile(context,
|
|
||||||
tag: e.path, file: e),
|
|
||||||
child: Hero(tag: e.path, child: Image.file(e)))
|
|
||||||
]))
|
|
||||||
.toList());
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
import 'package:ansu_ui/ansu_ui.dart';
|
|
||||||
import 'package:flutter/material.dart';
|
|
||||||
|
|
||||||
class MatchText extends StatelessWidget {
|
|
||||||
final String matchText;
|
|
||||||
final String text;
|
|
||||||
final TextStyle? style;
|
|
||||||
|
|
||||||
const MatchText({
|
|
||||||
Key? key,
|
|
||||||
required this.matchText,
|
|
||||||
required this.text,
|
|
||||||
this.style,
|
|
||||||
}) : super(key: key);
|
|
||||||
|
|
||||||
TextSpan matchSpan() {
|
|
||||||
return TextSpan(children: getSpans());
|
|
||||||
}
|
|
||||||
|
|
||||||
List<TextSpan> getSpans() {
|
|
||||||
var textStyle = style ?? TextStyle(color: kTextColor, fontSize: 14.sp);
|
|
||||||
if (matchText.isEmpty) {
|
|
||||||
return [TextSpan(text: text, style: textStyle)];
|
|
||||||
}
|
|
||||||
List<TextSpan> allSpan = text
|
|
||||||
.replaceAllMapped(matchText, (Match mt) => '\r${mt[0]}\r')
|
|
||||||
.split('\r')
|
|
||||||
.map<TextSpan>(
|
|
||||||
(e) => (matchText.matchAsPrefix(e) == null || e.length == text.length)
|
|
||||||
? TextSpan(text: e, style: textStyle)
|
|
||||||
: TextSpan(text: e, style: textStyle.copyWith(color: Colors.red)),
|
|
||||||
)
|
|
||||||
.toList();
|
|
||||||
return allSpan;
|
|
||||||
}
|
|
||||||
|
|
||||||
@override
|
|
||||||
Widget build(BuildContext context) {
|
|
||||||
return RichText(text: TextSpan(children: getSpans()));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Loading…
Reference in new issue