Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
F
flutter_clx_base
项目
项目
详情
活动
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
图表
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
openSourceLibrary
flutter_clx_base
Commits
c9756c03
提交
c9756c03
authored
8月 19, 2022
作者:
shixiaochen
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
1、增加ImageWidget
上级
0a7d7601
隐藏空白字符变更
内嵌
并排
正在显示
3 个修改的文件
包含
65 行增加
和
32 行删除
+65
-32
flutter_clx_base.dart
lib/flutter_clx_base.dart
+1
-1
image_widget.dart
lib/widget/image_widget/image_widget.dart
+63
-0
octoImage_transformer.dart
lib/widget/image_widget/octoImage_transformer.dart
+1
-31
没有找到文件。
lib/flutter_clx_base.dart
浏览文件 @
c9756c03
...
@@ -5,9 +5,9 @@ export 'common/gaps.dart';
...
@@ -5,9 +5,9 @@ export 'common/gaps.dart';
export
'utils/common_utils.dart'
;
export
'utils/common_utils.dart'
;
export
'utils/image_utils.dart'
;
export
'utils/image_utils.dart'
;
export
'utils/keyboard_utils.dart'
;
export
'utils/keyboard_utils.dart'
;
export
'utils/load_net_image.dart'
;
export
'utils/loading_utils.dart'
;
export
'utils/loading_utils.dart'
;
export
'utils/toast_util.dart'
;
export
'utils/toast_util.dart'
;
export
'widget/image_widget/image_widget.dart'
;
export
'widget/my_app_bar.dart'
;
export
'widget/my_app_bar.dart'
;
export
'widget/my_scaffold.dart'
;
export
'widget/my_scaffold.dart'
;
export
'widget/my_scroll_view.dart'
;
export
'widget/my_scroll_view.dart'
;
...
...
lib/widget/image_widget/image_widget.dart
0 → 100644
浏览文件 @
c9756c03
import
'package:cached_network_image/cached_network_image.dart'
;
import
'package:flutter/material.dart'
;
import
'package:flutter_clx_base/utils/image_utils.dart'
;
import
'package:octo_image/octo_image.dart'
;
import
'octoImage_transformer.dart'
;
export
'package:flutter_clx_base/widget/image_widget/octoImage_transformer.dart'
;
class
ImageWidget
{
static
String
domain
=
""
;
/// 加载网络图片widget
static
Widget
loadNetImage
(
String
?
url
,
{
String
?
domain
,
ImageTransformerType
type
=
ImageTransformerType
.
rect
,
double
?
width
,
double
?
height
,
BoxFit
fit
=
BoxFit
.
cover
,
})
{
var
domainUrl
=
domain
??
ImageWidget
.
domain
;
if
(
url
!=
null
&&
!
url
.
startsWith
(
"http"
))
{
url
=
domainUrl
+
url
;
}
return
OctoImage
(
image:
CachedNetworkImageProvider
(
url
??
""
),
imageBuilder:
type
==
ImageTransformerType
.
rect
?
MyOctoImageTransformer
.
radiusAvatar
()
:
MyOctoImageTransformer
.
circleAvatar
(),
errorBuilder:
OctoError
.
icon
(
color:
Colors
.
red
),
fit:
fit
,
width:
width
,
height:
height
,
);
}
/// 加载网络图片widget
static
Widget
loadAssetImage
(
String
?
image
,
{
double
?
width
,
double
?
height
,
int
?
cacheWidth
,
int
?
cacheHeight
,
BoxFit
?
fit
,
String
format
=
'png'
,
Color
?
color
,
})
{
return
Image
.
asset
(
ImageUtils
.
getImgPath
(
image
,
format:
format
),
height:
height
,
width:
width
,
cacheWidth:
cacheWidth
,
cacheHeight:
cacheHeight
,
fit:
fit
,
color:
color
,
/// 忽略图片语义
excludeFromSemantics:
true
,
);
}
}
lib/
utils/load_net_image
.dart
→
lib/
widget/image_widget/octoImage_transformer
.dart
浏览文件 @
c9756c03
import
'package:cached_network_image/cached_network_image.dart'
;
import
'package:flutter/material.dart'
;
import
'package:flutter/material.dart'
;
import
'package:octo_image/octo_image.dart'
;
import
'package:octo_image/octo_image.dart'
;
class
LoadNetImage
{
static
String
domain
=
""
;
static
load
(
String
?
url
,
{
String
?
domain
,
ImageTransformerType
type
=
ImageTransformerType
.
Rect
,
double
?
width
,
double
?
height
,
})
{
var
domainUrl
=
domain
??
LoadNetImage
.
domain
;
if
(
url
!=
null
&&
!
url
.
startsWith
(
"http"
))
{
url
=
domainUrl
+
url
;
}
return
OctoImage
(
image:
CachedNetworkImageProvider
(
url
??
""
),
imageBuilder:
type
==
ImageTransformerType
.
Rect
?
MyOctoImageTransformer
.
radiusAvatar
()
:
MyOctoImageTransformer
.
circleAvatar
(),
errorBuilder:
OctoError
.
icon
(
color:
Colors
.
red
),
fit:
BoxFit
.
cover
,
width:
width
,
height:
height
,
);
}
}
class
MyOctoImageTransformer
{
class
MyOctoImageTransformer
{
static
OctoImageBuilder
radiusAvatar
()
{
static
OctoImageBuilder
radiusAvatar
()
{
return
(
context
,
child
)
=>
Center
(
return
(
context
,
child
)
=>
Center
(
...
@@ -57,6 +27,6 @@ class MyOctoImageTransformer {
...
@@ -57,6 +27,6 @@ class MyOctoImageTransformer {
}
}
enum
ImageTransformerType
{
enum
ImageTransformerType
{
R
ect
,
// 矩形
r
ect
,
// 矩形
circle
,
// 圆形
circle
,
// 圆形
}
}
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论