react-native-render-html | Android pure javascript react-native component | iOS library

I encountered same issue and you can use TapGestureHandler from react-native-guesture-handler to make the clicks work.

import TouchableOpacity from React Native library intead of react-native-gesture-handler

As Jules Sam. commented I was using a bit old version of Node, following his suggestions I have updated the libraries and it has worked.

Initial versions:

• node: 14.2.0
• npm: 6.14.4
• expo-cli: 4.12.11

Final versions:

• node: 16.13.2
• npm: 8.1.2
• expo-cli: 5.0.3

I followed this steps:

1. Install new node version using nvm-windows
2. Delete package-lock.json
3. Delete node-modules folder
4. Install globally last version of expo-cli
5. Run npm install

Did you try something like this :

Usually, this warning shows up when:

• The parent (currently App) component updates very often and causes WebDisplay component to re-render. In the provided snippet, every 30 milliseconds;
• At least one prop passed to RenderHTML is referentially unstable between each re-render. In the provided snippet, tagsStyles reference changes on every re-render.

Notice that between every update of the App component caused by the useEffect hook, the html prop passed to WebDisplay is unchanged. But WebDisplay is re-rendered anyway because it is not "pure".

For this very reason, a pretty straightforward solution is to wrap WebDisplay in React.memo:

I think what you need is a component custom renderer.

You can define both custom models and custom (component) renderers for one html tag. Something along this:

Firebase Messaging on ios needs more configuration,

first, you need to add this import in AppDelegate.m: #import "RNFBMessagingModule.h"

then after this line: RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions];

add this line: NSDictionary *appProperties = [RNFBMessagingModule addCustomPropsToUserProps:nil withLaunchOptions:launchOptions];

then you need to change the initialProperties in the RCTRootView from nil into appProperties so it will be like this:

RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:bridge moduleName:@"RETUЯИ" initialProperties:appProperties]; <-- changed from nil into appProperties

After all, we need to add an APNs Authentication Key file in the firebase console.

go to project setting, then scroll down to see your ios app, you will see APNs Authentication Key title, you need to upload an authKey.p8 file or you can use the other two fields with the title APNs Certificates

the authKey.p8 file needs to be generated from app store connect

• Select Users and Access, and then select the API Keys tab.
• Click Generate API Key or the Add (+) button.
• Give a name to your key, tick the "Apple Push Notifications Service" box, and download
• Upload the .p8 file to the firebase console

of course, don't miss to add the GoogleService-info.plist file to your example.xcworkspace, you can see how to do that in rnfirebase.io

also, you need your Team id, and you can get it from the app store connect profile and you will see the key id after generateing it.

hope this will help you 🙏,

Regards

After much R&D i was able to figure it out. Here is how i did it.

You can use defaultWebViewProps for that purpose: