Meeting Notes 19 2 2021

[ehsan6sha]

Todo:

build one specific component to show images
Render the above component 3 times in the view with 3 differnt parameter for rowCount
define parameters of the above component accoridng to what discussed (
padding => defines padding between images,
maxWidth => maximum width that when panning the images, width of images cannot be increased more than this,
minWidth: => minimum width that when pinching the images, width of images cannot be reduced less than this,
rowCount: 2/3/4 => component calculates image width based on this and screen width and feed to imageList
opacity: 0 to 1 => opacity equals to this value
date: 2020-01-01 => component start the view with image from this date
separator: day/week/year)
Build AnimatePinchZoom in main
Pre-load images of the component with maximum row count
change threshold (animationStartThreshold, animationReverseThreshold, animationEndThreshold) to percentage instead of pixel=>from 0 to animationStartThreshold only background like checking next component and reading date)
Prelaod images based on the component with maximum rowCount (2 pages of images)
Blocker:

Overlapping the components on the screen instead of loading them side-by-side => https://snack.expo.io/7rWpMBU5E created for solving 1st blocker
Finding first picture in the view to extract the date from it => check this https://stackoverflow.com/questions/45868284/how-to-get-currently-visible-index-in-rn-flat-list