Pre-render ListView in React Native - ios

I'm having issues with a slow rendering ListView in React Native on an iPhone 4S. See React Native ListView slow to load for details on that issue.
One workaround I thought of is to pre-render the view, as all the data for it will be available in the previous view on the navigation stack. Is this possible in React Native?

Use React Native's FlatList, which has much better performance.

Related

Custom Payfort screen for IOS React Native

I am using Payfort for React Native with this React Native Payfort SDK Library all things are working good but I want to customize the screen for IOS.
I've read the documentation from PayFort but I can't find View file for reference the image or anything.
I've PayFortView2.xib when I edit some color or text it's ok but when I try to add Image the doest not showing when I run the app I am not familiar with Xcode or Xib files.
please help me
you can edit natively with PayFortSDK.framework for iOS.
or you can go for Custom Merchant Method design your own Ui in react native. it runs perfectly

iOS Capacitor launch screen resizes during launch

I am developing an iOS app using Ionic. I have a problem with the splash screen which I'm trying to resolve either from the native side via Xcode or from the Ionic side.
I used cordova-res ios --skip-config --copy to generate and set the images and made sure they are there in Xcode.
When the app launches, the splash screen consists of first a native image displayed by iOS then an "identical" copy of it by Capacitor while the app loads. However, the second screen appears smaller.
How can I make the two sizes match? I wouldn't care if the solution scales the image up or down, as long as they become the same size.
I am comfortable with Ionic but not comfortable with Xcode or Swift, so please be as clear as you possibly can if the solution is on the Xcode side :).
Video of the problem: https://youtu.be/DIfjErgw7hU

Mapping of React Native components in iOS

We're trying to do automated testing of React Native application. For that, we want to figure out which React Native component maps to what iOS components. So far I can see that:
Image (React) maps to RCTImageView/UIImageView (iOS)
ScrollView (React) maps to RCTCustomScrollView/UIScrollView (iOS)
What about TouchableOpacity and View? How is that rendered on iOS? Where can I find a full list of these mappings?

How Should I Design like SplitviewController in React Native?

I'm Developing an Application on iPad in react native, in which I have to design Screen like UISplitViewController / Master-Detail View. Is there any way to achieve this kind of design. I'm using react-native-router-flux for navigation.

React Native app flashing white after launch screen on iOS 11

We have more than 5 React Native apps published apps, and all app flashes to white between the launch screen and the first screen of the app. This creating wired behaviour and only noticeable on iOS 11.
We are using react-native-router-flux for navigation. I believe this issue is related to react-navigation because apps like UberEATS and Airbnb, which are also developed with React-Native are working fine. These apps have their own navigation library I think.
Anyone else noticed this problem? Any suggestion will be greatly appreciate.
I was able to fix this issue by adding custom splash screen, credits goes to react-native-splash-screen.
This issue is fixed in Xcode 9.2.

Resources