mobile / YH_RNComponent · Commits

Go to a project

Authored by 孙凯
Commit ed384ab917b5b5589c0f5604ca91552db8062966 1 parent 7168792a

给图片 添加链接 reviewby hongmo

Inline Side-by-side
Showing 3 changed files with 32 additions and 12 deletions
... ... @@ -81,7 +81,7 @@ export default class Detail extends Component {
);
}else if (template_name == 'single_image') {
return (
<SingleImage resource={rowData}/>
<SingleImage resource={rowData} onPressLink={this.props.onPressLink}/>
);
}else if (template_name == 'small_pic') {
return (
... ...
... ... @@ -102,7 +102,7 @@ export default class DetailText extends React.Component {
text = '<html><style type="text/css">img {max-width: 100%;}</style><body>' + text + '</body></html>'
let hasLink = false;
if (text.indexOf('<a href=') >= 0) {
if (text.indexOf('href=') >= 0) {
hasLink = true;
}
... ...
... ... @@ -52,23 +52,43 @@ export default class SingleImage extends React.Component {
let {resource} = this.props;
let template_name = resource.get('data');
let src = template_name.get('src');
let linkUrl = template_name.get('url');
let imageHeight = template_name.get('height');
let imageWidth = template_name.get('width');
if (imageHeight && imageWidth) {
return (
<Image
source={{uri: src}}
style={{width: screenWidth,height: (imageHeight/imageWidth)*screenWidth}}
/>
);
<View style={{width: screenWidth,height: (imageHeight/imageWidth)*screenWidth}}>
{linkUrl?<TouchableOpacity activeOpacity={0.5} onPress={() => {
this.props.onPressLink && this.props.onPressLink(linkUrl);
}}>
<Image
source={{uri: src}}
style={{width: screenWidth,height: (imageHeight/imageWidth)*screenWidth}}
/>
</TouchableOpacity>:<Image
source={{uri: src}}
style={{width: screenWidth,height: (imageHeight/imageWidth)*screenWidth}}
/>}
</View>
);
}else {
return (
<Image
ref={(ref)=>this.imageView=ref}
source={{uri: src}}
style={{width: screenWidth,height: (this.state.height/this.state.width)*screenWidth}}
/>
<View style={{width: screenWidth,height: (this.state.height/this.state.width)*screenWidth}}>
{linkUrl?<TouchableOpacity activeOpacity={0.5} onPress={() => {
this.props.onPressLink && this.props.onPressLink(linkUrl);
}}>
<Image
ref={(ref)=>this.imageView=ref}
source={{uri: src}}
style={{width: screenWidth,height: (this.state.height/this.state.width)*screenWidth}}
/>
</TouchableOpacity>:<Image
ref={(ref)=>this.imageView=ref}
source={{uri: src}}
style={{width: screenWidth,height: (this.state.height/this.state.width)*screenWidth}}
/>}
</View>
);
}
}
... ...