ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-19 19:31:54 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

resizing image component onLoad

Browse Source
This commit is contained in:
Nouman Tahir 2021-03-11 14:57:51 +05:00
parent f46fdfee20
commit 98ec9e0d77
1 changed files with 10 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
src/components/postCard/view/postCardView.js
View File

@ -38,11 +38,8 @@ const PostCardView = ({
intl,
activeVotes,
}) => {
// const [rebloggedBy, setRebloggedBy] = useState(get(content, 'reblogged_by[0]', null));
const [activeVotesCount, setActiveVotesCount] = useState(activeVotes.length || 0);
// const [images, setImages] = useState({});
// const [calcImgHeight, setCalcImgHeight] = useState(300);
const calcImgHeight = 300;
const [calcImgHeight, setCalcImgHeight] = useState(300);
// Component Functions
@ -70,47 +67,6 @@ const PostCardView = ({
setActiveVotesCount(activeVotesCount + 1);
};
// useEffect(() => {
// if (content) {
// const _rebloggedBy = get(content, 'reblogged_by[0]', null);
// setRebloggedBy(_rebloggedBy);
// if (content.thumbnail) {
// if (isNsfwPost && content.nsfw) {
// setImages({ image: NSFW_IMAGE, thumbnail: NSFW_IMAGE });
// }
// console.log(content)
// let ratio = 10 / 7;
// ImageSize.getSize(content.thumbnail)
// .then((size) => {
// ratio = size.height / size.width;
// setCalcImgHeight(Math.floor(ratio * (dim.width - 18)));
// })
// .catch((er) => {
// setCalcImgHeight(Math.floor(ratio * (dim.width - 18)));
// bugsnag.notify(er, (report) => {
// report.metadata = {
// content,
// };
// });
// });
// setImages({ image: content.image, thumbnail: content.thumbnail });
// }
// else {
// setImages({ image: DEFAULT_IMAGE, thumbnail: DEFAULT_IMAGE });
// }
// if (activeVotes) {
// setActiveVot(get(content, 'active_votes'));
// }
// }
// return () => {
// setImages({ image: DEFAULT_IMAGE, thumbnail: DEFAULT_IMAGE });
// setCalcImgHeight(300);
// setActiveVot([]);
// };
// }, []);
const rebloggedBy = get(content, 'reblogged_by[0]', null);
var images = { image: DEFAULT_IMAGE, thumbnail: DEFAULT_IMAGE };
if (content.thumbnail) {
@ -146,12 +102,18 @@ const PostCardView = ({
{!isHideImage && (
<FastImage
source={{ uri: images.image }}
//thumbnailSource={{ uri: _image.thumbnail }}
style={[
styles.thumbnail,
{ width: dim.width - 18, height: Math.min(calcImgHeight, dim.height) },
{
width: dim.width - 18,
height: calcImgHeight, //Math.min(calcImgHeight, dim.height),
// transform: [{ translateY: 26 }]
}, //height: Math.min(calcImgHeight, dim.height) },
]}
resizeMode={FastImage.resizeMode.cover}
resizeMode={FastImage.resizeMode.contain}
onLoad={(evt) => {
setCalcImgHeight((evt.nativeEvent.height / evt.nativeEvent.width) * dim.width - 18);
}}
/>
)}
<View style={[styles.postDescripton]}>