smartlook / smartlook-mobile-issue-tracker

Official Smartlook issue tracker for mobile SDKs
4 stars 0 forks source link

React native webview not visible even using useSmartlookSensitiveRef #152

Closed SandamalIsuru closed 2 years ago

SandamalIsuru commented 2 years ago

Platform Both

Technology React native

Smartlook SDK version 1.2.6

Summary I am trying to whitelist react native WebView in Smartlook recordings. I have created a sample project and created and passed useSmartlookSensitiveRef reference to WebView as mentioned in Smartlook documentation . But in the recordings WebView is still not showing.

This is my App.js file

` import React, { useRef, useEffect } from 'react'; import { SafeAreaView, Text, useColorScheme, View, } from 'react-native'; import { WebView } from 'react-native-webview'; import { Colors, } from 'react-native/Libraries/NewAppScreen'; import Smartlook from 'smartlook-react-native-wrapper'; import { useSmartlookSensitiveRef } from 'smartlook-react-native-wrapper'; Smartlook.setupAndStartRecording("api_key");

const App = () => { const ref = useSmartlookSensitiveRef(false); const isDarkMode = useColorScheme() === 'dark';

const backgroundStyle = { backgroundColor: isDarkMode ? Colors.darker : Colors.lighter, };

return (

); };

export default App; `

krystofcelba commented 2 years ago

@SandamalIsuru Hey, thanks for the issue reported. Could you please tell me what version of React Native you use? Or preferably, could you please contact me by email at krystof.celba@smartlook.com so we can discuss it better?

Thanks!