Custom Component with a Webview displaying a red dot?

Hey guys,

I’m creating a component with a Webview:

import React, { Component } from "react";
import { Text, View, StyleSheet } from "react-native";
import { WebView } from "react-native-webview"

<View style={styles.wrapper}>
          source={{ uri: "" }}
            flex: 1,

But it doesn’t work… It displays a small red dot. What does this mean? I have no errors in console.


What platform are you testing react-native-webview on? My guess is that you’re testing inside the editor, which means that you’re on web. As far as I know, react-native-webview is only iOS and Android compatible.

Instead, on web you can use React code, and then have a separate version for mobile. Alternatively, this library implements react-native-webview for web. If you use that library, just don’t do the aliasing that they suggest in the readme.

You can find more information on cross-platform compatibility here: Cross-Platform Compatibility | Adalo

Scott Massey
Software Engineer @Adalo


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.