animations

[sethvincent]

Types of animations

• component interaction/movement
• page transitions
• map movement

Animations in the app

• [x] Nearby areas - pulls up from the bottom of the page to reveal list
  • [ ] scroll from side to side to see each of the pins
  • [ ] pins on the map should highlight when item is scrolled to
• [x] side menu
• [x] Shrinking of project area as the tool geolocates you (handled by map)
• [ ] Notifications - drop down from top of the page (under the menu bar)
• [x] Drawers that open and close for categories
• [ ] Pin animates up when location is clicked on
• [ ] All pages should look like they’re overlaying on top of the map so should animate in from the side.
  • [ ] if on the menu and click a page the menu should animate out and the page animate over.

Should I comment about these

• keyboard pull up
• map movements
• question form scroll
• It was unclear if we could do this but the bar that showed how far your pin was from your location

react-native-interactable

I expect this to be useful for things like component interaction & movement. things like the side menu, drawers, and horizontally scrolling through nearby features.

repo: https://github.com/wix/react-native-interactable

article: https://hackernoon.com/moving-beyond-animations-to-user-interactions-at-60-fps-in-react-native-b6b1fa0ba525

[felskia]

@mojodna any thoughts on how to animate pages in and out? For example if you clicked on the Surveys page the page would slide in from the right hand side. Let me know what you think.

[mojodna]

That feels like it might be excessive. How do other Android apps handle animation when navigating between screens?

[felskia]

@mojodna Other android apps at least have a little bit of animation. We are also supposed to be making a "user friendly" mobile app so if this is possible it would be great.

After looking a few others though, maybe we can continue to play off of google maps if we did do animations. They have the page that looks like this:

And when you click on it for more details, it just animates up. Would be nice if we could do the same...