Mask view transition animation with React Native - ios

Coming from a native iOS background, I have recently started working with react native. A while ago, I have implemented a view transition like that with Swift :
Following this tutorial :
How To Make A View Controller Transition Animation Like in the Ping App
I'm wondering if creating something similar with react native would be possible. If yes, how should I approach it? I just need a hint and some intuition on how to proceed with this idea.
Thanks!

Related

Is there a way to display a Unity game in half of the screen on a mobile app or to put Swift UI elements on top of a Unity game in an iOS app?

I am currently looking for some way to display either a window with a Unity game or a fullscreen Unity game with swift UI elements added on top of it. Has anyone done this before or know if this is possible?
I haven't yet tried anything, currently just trying to pick out my tech stack for this project and see if its possible in any stack.
Yes, Unity has ViewController for rendering game scene.
You can get UnityAppController how call unityFramework.appController().
UnityAppController can used as such as other ViewControllers.
It also work by using UIViewControllerRepresentable in SwiftUI case.
This technique called Unity as a Library.

Swift UI with MVVM architecture navigating screens in complicated apps

How can I navigate from one screen to another screen in Swift UI app , I am trying to implement MVVM architecture in my app and I have more than 20 screens so NavigationLink is not suitable in my case .
Thanks in advance .
I quite understand your problem, previously we had a central navigation controller (UINavigationController) we could call it anywhere and do a push or pop, but now only the current view can do a navigation using NavigationLink, I faced the same problem and the solution was to implement an UINavigationView in a sigleton and call it anywhere I want to push a view like MyNavigation.push(UIHostingController(rootView: NextView())).
Anyways, I think this approach is wrong because a new UIHostingController is created for every screen, so we lose some of the optimizations introduced by SwiftUI. If you really want to use the powerful features of SwiftUI I recommend you to redesign your app to adapt to SwiftUI capabilities

How to achieve PageCurl(page turn) transition in React Native

In iOS you can use the PageCurl transition style on a UIPageViewController to have the same page curl effect as iBooks in iOS.
Is there a way to use the PageCurl transition effect on a React Native view?
You can use https://github.com/callstack/react-native-pager-view library, which support this kind of transaction

what is this mobile app control called?

I'm starting to see more iOS app (Etsy, Lootsy, etc.) using this control to navigate through categories. I"m thinking about implementing it in iOS where I can switch between collection views. Anyone know what this is called and if there is a github repo to look at as starting point?
Thanks
This implements similar Scrollview (doesn't have to be infinite)
https://github.com/Seitk/InfiniteScrollPicker

Recreating the iOS 5 Mail.app sidebar (iPad)

iOS 5's Mail app has a nifty little swipe gesture that brings up the sidebar in portrait mode. Now it seems like that gesture would be useful in other apps that use the master/detail layout, but as far as I can tell Apple hasn't released any sample code or documentation to show how the effect was created.
I've thought about how to replicate the effect in my own app but I'm not super experienced in view programming. Has anyone managed to recreate this effect in their own apps or would anyone know how to do so?
Here's a downloadable project that pretty well reverse engineers everything the Mail app is doing with its split view interface: https://github.com/mattneub/Programming-iOS-4-Book-Examples/blob/master/convertedToIOS5/p560p575splitViewNoPopover/p560p575splitViewNoPopover/MySplitViewController.m
Here you go: http://useyourloaf.com/blog/2011/11/16/mail-app-style-split-view-controller-with-a-sliding-master-v.html

Resources