Rendering custom (styled) icons

You can pass just React component to leftTopIcon & rightTopIcon prop in AvatarHeader or DetailsHeader components.

<AvatarHeaderScrollView
  leftTopIcon={() => <Image style={styles.customStyle} source={require('./custom-icon.png')} />}
  rightTopIcon={() => <CustomSvgIcon />}
  // ...
>
  {/** content */}
</AvatarHeaderScrollView>