Toggle navigation
Toggle navigation
This project
Loading...
Sign in
mobile
/
YH_RNComponent
·
Commits
Go to a project
GitLab
Go to group
Project
Activity
Files
Commits
Pipelines
0
Builds
0
Graphs
Milestones
Issues
0
Merge Requests
0
Members
Labels
Wiki
Forks
Network
Create a new issue
Download as
Email Patches
Plain Diff
Browse Files
Authored by
chenl
8 years ago
Commit
0eebe623571701abc7ac7414f4c83ae188eee482
1 parent
b28c9661
增加YH_Image的resizeMode属性。review by yuliang。
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
15 additions
and
6 deletions
js/common/components/YH_Image.js
js/home/components/floor/NewProductFloor.js
js/home/components/floor/SixLinesFloor.js
js/common/components/YH_Image.js
View file @
0eebe62
...
...
@@ -22,6 +22,9 @@ const YH_ImageView = ReactNative.requireNativeComponent('YH_ImageView', null);
* ios写法: masksToBounds={true} style中设置borderRadius圆角值
* android写法: radius={{'topLeft':'20','topRight':'20','bottomRight':'20','bottomLeft':'20'}}
*
* 图片伸缩属性 resizeMode enum('cover', 'contain', 'stretch', 'repeat', 'center') 同RN Image属性,
* 注意要添加style属性的值 resizeMode: 'stretch'
*
*
**/
export
default
class
YH_Image
extends
Component
{
...
...
js/home/components/floor/NewProductFloor.js
View file @
0eebe62
...
...
@@ -49,27 +49,27 @@ export default class NewProductFloor extends Component{
<
TouchableOpacity
style
=
{
styles
.
leftBigImageContainer
}
activeOpacity
=
{
1
}
yh_exposureData
=
{
imglst
.
get
(
0
).
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
imglst
.
get
(
0
).
get
(
'url'
),
leftBigImageUrl
,
0
)}
>
<
YH_Image
style
=
{
styles
.
leftBigImage
}
url
=
{
leftBigImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
leftBigImage
}
resizeMode
=
{
'stretch'
}
url
=
{
leftBigImageUrl
}
/
>
<
/TouchableOpacity
>
<
TouchableOpacity
style
=
{
styles
.
rightSmallTopLeftImageContainer
}
activeOpacity
=
{
1
}
yh_exposureData
=
{
imglst
.
get
(
1
).
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
imglst
.
get
(
1
).
get
(
'url'
),
rightSmallTopLeftImageUrl
,
1
)}
>
<
YH_Image
style
=
{
styles
.
rightSmallTopLeftImage
}
url
=
{
rightSmallTopLeftImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
rightSmallTopLeftImage
}
resizeMode
=
{
'stretch'
}
url
=
{
rightSmallTopLeftImageUrl
}
/
>
<
/TouchableOpacity
>
<
TouchableOpacity
style
=
{
styles
.
rightSmallBottomLeftImageContainer
}
activeOpacity
=
{
1
}
yh_exposureData
=
{
imglst
.
get
(
2
).
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
imglst
.
get
(
2
).
get
(
'url'
),
rightSmallBottomLeftImageUrl
,
2
)}
>
<
YH_Image
style
=
{
styles
.
rightSmallBottomLeftImage
}
url
=
{
rightSmallBottomLeftImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
rightSmallBottomLeftImage
}
resizeMode
=
{
'stretch'
}
url
=
{
rightSmallBottomLeftImageUrl
}
/
>
<
/TouchableOpacity
>
<
TouchableOpacity
style
=
{
styles
.
rightSmallTopRightImageContainer
}
activeOpacity
=
{
1
}
yh_exposureData
=
{
imglst
.
get
(
3
).
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
imglst
.
get
(
3
).
get
(
'url'
),
rightSmallTopRightImageUrl
,
3
)}
>
<
YH_Image
style
=
{
styles
.
rightSmallTopRightImage
}
url
=
{
rightSmallTopRightImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
rightSmallTopRightImage
}
resizeMode
=
{
'stretch'
}
url
=
{
rightSmallTopRightImageUrl
}
/
>
<
/TouchableOpacity
>
<
TouchableOpacity
style
=
{
styles
.
rightSmallBottomRightImageContainer
}
activeOpacity
=
{
1
}
yh_exposureData
=
{
imglst
.
get
(
4
).
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
imglst
.
get
(
4
).
get
(
'url'
),
rightSmallBottomRightImageUrl
,
4
)}
>
<
YH_Image
style
=
{
styles
.
rightSmallBottomRightImage
}
url
=
{
rightSmallBottomRightImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
rightSmallBottomRightImage
}
resizeMode
=
{
'stretch'
}
url
=
{
rightSmallBottomRightImageUrl
}
/
>
<
/TouchableOpacity
>
<
/View
>
<
/View
>
...
...
@@ -112,6 +112,7 @@ let styles = StyleSheet.create({
leftBigImage
:
{
width
:
leftBigImageWidth
,
height
:
leftBigImageHeight
,
resizeMode
:
'stretch'
,
},
rightSmallTopLeftImageContainer
:
{
...
...
@@ -125,6 +126,7 @@ let styles = StyleSheet.create({
rightSmallTopLeftImage
:
{
width
:
rightSmallImageWidth
,
height
:
rightSmallImageHeight
,
resizeMode
:
'stretch'
,
},
rightSmallBottomLeftImageContainer
:
{
...
...
@@ -138,6 +140,7 @@ let styles = StyleSheet.create({
rightSmallBottomLeftImage
:
{
width
:
rightSmallImageWidth
,
height
:
rightSmallImageHeight
,
resizeMode
:
'stretch'
,
},
rightSmallTopRightImageContainer
:
{
...
...
@@ -151,6 +154,7 @@ let styles = StyleSheet.create({
rightSmallTopRightImage
:
{
width
:
rightSmallImageWidth
,
height
:
rightSmallImageHeight
,
resizeMode
:
'stretch'
,
},
...
...
@@ -165,6 +169,7 @@ let styles = StyleSheet.create({
rightSmallBottomRightImage
:
{
width
:
rightSmallImageWidth
,
height
:
rightSmallImageHeight
,
resizeMode
:
'stretch'
,
},
...
...
js/home/components/floor/SixLinesFloor.js
View file @
0eebe62
...
...
@@ -39,7 +39,7 @@ export default class SixLinesFloor extends Component{
return
(
<
TouchableOpacity
activeOpacity
=
{
1
}
yh_exposureData
=
{
rowData
.
get
(
'yh_exposureData'
)}
onPress
=
{()
=>
this
.
props
.
onPressImageItem
&&
this
.
props
.
onPressImageItem
(
rowData
.
get
(
'url'
),
goodsImageUrl
,
rowID
)}
>
<
YH_Image
style
=
{
styles
.
goodsImage
}
url
=
{
goodsImageUrl
}
/
>
<
YH_Image
style
=
{
styles
.
goodsImage
}
resizeMode
=
{
'stretch'
}
url
=
{
goodsImageUrl
}
/
>
<
/TouchableOpacity
>
);
...
...
@@ -89,6 +89,7 @@ let styles = StyleSheet.create({
goodsImage
:
{
width
:
imageWidth
,
height
:
imageHeight
,
resizeMode
:
'stretch'
,
},
...
...
Please
register
or
login
to post a comment