[iOS] Add animation when you tap heartmark in timetable list.

[fumiyasac]

Issue

• close [iOS] Favorite registration micro-interaction for iOS #204

Overview

• Enable to get tap position.
  • modify TimetableCard.swift
    • In order to calculate the value from GeometryReader, it is supported by assigning DragGesture to the Image element instead of Button.
    • The offset value in the Y-axis direction is subtracted for adjustment (decided by device orientation).
    • modify closure onTapFavorite: (TimetableItem, CGPoint?) -> Void.
• Fix TimetableListView structure. (※ This View element is exceptionally not included in TCA.)
  • modify TimetableListView.swift
    • Calculate the offset value in the X-axis and Y-axis direction using GeometryReader.
    • Stack the heartmark elements that will be animated using ZStack.
    • When "isFavorited" is false and the state before ".favoriteTapped(timetableItemWithFavorite)", this view executes animation.

Points that seem difficult to achieve:

1. Implementation to cover the Animation element over the TabBar's heartmark.
2. To produce a movement that looks like an arc during animation.

Note

This is an experimental creation, so feel free to discard it if it doesn't meet your needs 🙇

Movie

Portrait:

Simulator.Screen.Recording.-.iPhone.15.-.2024-09-01.at.21.04.23.mp4

Landscape:

tap_heartmark_in_landscape.mov

[ry-itto]

Can you fix this warning? 🙏🏼

capture of 'self' with non-sendable type 'TimetableListView' in a @Sendable closure

[fumiyasac]

@ry-itto I think you can solve it like this.

@MainActor
struct TimetableListView: View { ... }

[fumiyasac]

@ry-itto I fixed warning. Please check it.

[ry-itto]

LGTM!