changed sticky tabbar height in post screen

This commit is contained in:
Sadaqat Ali 2022-04-06 10:36:39 +05:00
parent 264eb8a6d9
commit a63d593dc5
3 changed files with 58 additions and 58 deletions

View File

@ -9,7 +9,6 @@ export default EStyleSheet.create({
alignSelf: 'center',
justifyContent: 'space-between',
width: '$deviceWidth',
height: 40,
shadowOpacity: 0.1,
shadowOffset: {
width: 0,

View File

@ -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',

View File

@ -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>
);
};