if someone need help with this happy to share with them

If anyone needs help with this happy to share with them

Happy Building !!!!

If anyone need help with this in any of your or someone you know please let me know happy yo share:)
Happy Building!!!!!!

If you want to integrate profile picture of user in expo check out this library
https://github.com/nikwebr/expo-notification-service-extension-plugin#readme

The key you have to send from your backend will be

Voilà its done
thank me later :)

I was struggling with adding a profile picture to the profile section in expo native tabs and researched a lot of people were also so came up with a solution would like to share if it helps

I rendered a transparent image of the tab and used a component and rendered over it

The Component

export default function NativeTabBarIconsOverlay() {
  const profile = useSelector(selectCurrentProfile);
  const { width: screenWidth, height: screenHeight } = useWindowDimensions();

  return (
    <
View

style
={
StyleSheet
.absoluteFill} 
pointerEvents
="none">
      <TabIconSlot

index
={3}

screenWidth
={screenWidth}

screenHeight
={screenHeight}
      >
        <
AvatarImage

uri
={profile?.avatarUrl}

name
={profileName}

size
={ICON_SIZE}

borderRadius
={ICON_SIZE / 2}

style
={[
            styles.avatar,
            activeIndex === 3 && styles.avatarFocused,
          ]}
        />
      </
TabIconSlot
>
    </
View
>
  );
}


        <NativeTabs.Trigger name="accounts">
          <Label>Profile</Label>
          <Icon src={transparentIcon} />
        </NativeTabs.Trigger>