ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-11-29 22:07:46 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

handling long press using handler instead of touchable

Browse Source 
touchable was causing child views to drop touch events
This commit is contained in:
noumantahir 2021-08-31 13:17:40 +05:00
parent 6e93cba281
commit f3548785c7
1 changed files with 36 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/components/postElements/body/view/commentBodyView.tsx
View File

@ -28,6 +28,7 @@ import { LinkData, parseLinkData } from './linkDataParser';
import IconButton from '../../../iconButton';
import getYoutubeId from '../../../../utils/getYoutubeId';
import VideoPlayerSheet from './videoPlayerSheet';
import { LongPressGestureHandler, State } from 'react-native-gesture-handler';
const WIDTH = Dimensions.get('window').width;
@ -70,6 +71,13 @@ const CommentBody = ({
}
}, [selectedImage]);
const _onLongPressStateChange = ({nativeEvent}) => {
if(nativeEvent.state === State.ACTIVE){
handleOnLongPress();
}
}
const _showLowComment = () => {
setRevealComment(true);
};
@ -450,29 +458,34 @@ const CommentBody = ({
}}
/>
{revealComment ? (
<RenderHTML
contentWidth={_contentWidth}
source={{ html:body }}
baseStyle={styles.baseStyle}
tagsStyles={{
body:styles.body,
a:styles.a,
img:styles.img,
th:styles.th,
tr:styles.tr,
td:styles.td,
blockquote:styles.blockquote,
code:styles.code,
center:styles.code
}}
domVisitors={{
onElement:_onElement
}}
renderers={{
img:_imageRenderer,
a:_anchorRenderer,
}}
/>
<LongPressGestureHandler onHandlerStateChange={_onLongPressStateChange}>
<View>
<RenderHTML
contentWidth={_contentWidth}
source={{ html:body }}
baseStyle={styles.baseStyle}
tagsStyles={{
body:styles.body,
a:styles.a,
img:styles.img,
th:styles.th,
tr:styles.tr,
td:styles.td,
blockquote:styles.blockquote,
code:styles.code,
center:styles.code
}}
domVisitors={{
onElement:_onElement
}}
renderers={{
img:_imageRenderer,
a:_anchorRenderer,
}}
/>
</View>
</LongPressGestureHandler>
) : (
<TextButton
style={styles.revealButton}