mirror of
https://github.com/ecency/ecency-mobile.git
synced 2024-12-20 11:51:52 +03:00
changed sticky tabbar height in post screen
This commit is contained in:
parent
264eb8a6d9
commit
a63d593dc5
@ -9,7 +9,6 @@ export default EStyleSheet.create({
|
||||
alignSelf: 'center',
|
||||
justifyContent: 'space-between',
|
||||
width: '$deviceWidth',
|
||||
height: 40,
|
||||
shadowOpacity: 0.1,
|
||||
shadowOffset: {
|
||||
width: 0,
|
||||
|
@ -9,7 +9,7 @@ export default EStyleSheet.create({
|
||||
header: {
|
||||
marginHorizontal: 16,
|
||||
},
|
||||
tabBarSafeArea: {
|
||||
stickyBar: {
|
||||
backgroundColor: '$primaryBackgroundColor',
|
||||
},
|
||||
headerLine: {
|
||||
@ -55,6 +55,7 @@ export default EStyleSheet.create({
|
||||
stickyWrapper: {
|
||||
flexDirection: 'row',
|
||||
paddingHorizontal: 16,
|
||||
paddingVertical: 8,
|
||||
width: '$deviceWidth',
|
||||
alignItems: 'center',
|
||||
alignSelf: 'center',
|
||||
|
@ -117,79 +117,79 @@ const PostDisplayView = ({
|
||||
|
||||
const _getTabBar = (isFixedFooter = false) => {
|
||||
return (
|
||||
<SafeAreaView style={styles.tabBarSafeArea}>
|
||||
<StickyBar isFixedFooter={isFixedFooter}>
|
||||
<View style={styles.stickyWrapper}>
|
||||
<Upvote
|
||||
activeVotes={activeVotes}
|
||||
isShowPayoutValue
|
||||
content={post}
|
||||
handleCacheVoteIncrement={_handleCacheVoteIncrement}
|
||||
/>
|
||||
// <SafeAreaView style={styles.tabBarSafeArea}>
|
||||
<StickyBar isFixedFooter={isFixedFooter} style={styles.stickyBar}>
|
||||
<View style={[styles.stickyWrapper, { paddingBottom: insets.bottom ? insets.bottom : 8 }]}>
|
||||
<Upvote
|
||||
activeVotes={activeVotes}
|
||||
isShowPayoutValue
|
||||
content={post}
|
||||
handleCacheVoteIncrement={_handleCacheVoteIncrement}
|
||||
/>
|
||||
<TextWithIcon
|
||||
iconName="heart-outline"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialCommunityIcons"
|
||||
isClickable
|
||||
onPress={() => handleOnVotersPress && handleOnVotersPress()}
|
||||
text={activeVotesCount + cacheVoteIcrement}
|
||||
textMarginLeft={20}
|
||||
/>
|
||||
<TextWithIcon
|
||||
iconName="repeat"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialIcons"
|
||||
isClickable
|
||||
onPress={_handleOnReblogsPress}
|
||||
text={reblogs.length}
|
||||
textMarginLeft={20}
|
||||
/>
|
||||
{isLoggedIn && (
|
||||
<TextWithIcon
|
||||
iconName="heart-outline"
|
||||
iconName="comment-outline"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialCommunityIcons"
|
||||
isClickable
|
||||
onPress={() => handleOnVotersPress && handleOnVotersPress()}
|
||||
text={activeVotesCount + cacheVoteIcrement}
|
||||
text={get(post, 'children', 0)}
|
||||
textMarginLeft={20}
|
||||
onPress={() => handleOnReplyPress && handleOnReplyPress()}
|
||||
/>
|
||||
)}
|
||||
{!isLoggedIn && (
|
||||
<TextWithIcon
|
||||
iconName="repeat"
|
||||
iconName="comment-outline"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialIcons"
|
||||
iconType="MaterialCommunityIcons"
|
||||
isClickable
|
||||
onPress={_handleOnReblogsPress}
|
||||
text={reblogs.length}
|
||||
text={get(post, 'children', 0)}
|
||||
textMarginLeft={20}
|
||||
/>
|
||||
{isLoggedIn && (
|
||||
<TextWithIcon
|
||||
iconName="comment-outline"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialCommunityIcons"
|
||||
isClickable
|
||||
text={get(post, 'children', 0)}
|
||||
textMarginLeft={20}
|
||||
onPress={() => handleOnReplyPress && handleOnReplyPress()}
|
||||
/>
|
||||
)}
|
||||
{!isLoggedIn && (
|
||||
<TextWithIcon
|
||||
iconName="comment-outline"
|
||||
iconStyle={styles.barIcons}
|
||||
iconType="MaterialCommunityIcons"
|
||||
isClickable
|
||||
text={get(post, 'children', 0)}
|
||||
textMarginLeft={20}
|
||||
/>
|
||||
)}
|
||||
<View style={styles.stickyRightWrapper}>
|
||||
{get(currentAccount, 'name') === get(post, 'author') && (
|
||||
<Fragment>
|
||||
{!get(post, 'children') && !activeVotes.length && (
|
||||
<IconButton
|
||||
iconStyle={styles.barIconRight}
|
||||
iconType="MaterialIcons"
|
||||
name="delete-forever"
|
||||
onPress={() => actionSheet.current.show()}
|
||||
style={styles.barIconButton}
|
||||
/>
|
||||
)}
|
||||
)}
|
||||
<View style={styles.stickyRightWrapper}>
|
||||
{get(currentAccount, 'name') === get(post, 'author') && (
|
||||
<Fragment>
|
||||
{!get(post, 'children') && !activeVotes.length && (
|
||||
<IconButton
|
||||
iconStyle={styles.barIconRight}
|
||||
iconType="MaterialIcons"
|
||||
name="create"
|
||||
onPress={() => handleOnEditPress && handleOnEditPress()}
|
||||
name="delete-forever"
|
||||
onPress={() => actionSheet.current.show()}
|
||||
style={styles.barIconButton}
|
||||
/>
|
||||
</Fragment>
|
||||
)}
|
||||
</View>
|
||||
)}
|
||||
<IconButton
|
||||
iconStyle={styles.barIconRight}
|
||||
iconType="MaterialIcons"
|
||||
name="create"
|
||||
onPress={() => handleOnEditPress && handleOnEditPress()}
|
||||
style={styles.barIconButton}
|
||||
/>
|
||||
</Fragment>
|
||||
)}
|
||||
</View>
|
||||
</StickyBar>
|
||||
</SafeAreaView>
|
||||
</View>
|
||||
</StickyBar>
|
||||
// </SafeAreaView>
|
||||
);
|
||||
};
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user