I'm using this package called Webview. I'm not able to render my html api data called description in my code. Below I have attached api data image, code and output of the code. Please do help me out.
API Data Image for Description:
Code:
import { WebView } from 'react-native-webview';
const DEVICE_WIDTH = Dimensions.get("window").width;
const { transferedData } = route.params;
return (
<ScrollView style={[GlobalStyle.CustomScrollView]}>
<HeaderBar3/>
<Text style={[GlobalStyle.EventTitle]}> Event Details</Text>
<View style={[GlobalStyle.EventDetailView]}>
<Image style={[GlobalStyle.EventDetailImage]} source={{uri: eventData.main_image}} resizeMode="contain"/>
<Text style={[GlobalStyle.EventSubtitle]}>Date:</Text>
<Text style={[GlobalStyle.EventDate]}>{date}</Text>
<Text style={[GlobalStyle.EventTime]}>{startTime}{'-'}{endTime}</Text>
<Text style={[GlobalStyle.EventSubtitle]}>Venue:</Text>
<Text style={[GlobalStyle.EventDescr]}>{eventData.venue}</Text>
<Text style={[GlobalStyle.EventSubtitle]}>Ticket:</Text>
<Text style={[GlobalStyle.EventTicketPrice]}>{eventData.promotional_price}</Text>
<Text style={[GlobalStyle.EventSubtitle]}>Description:</Text>
<View style={[GlobalStyle.EventDescr]}>
<WebView originWhitelist={['*']} source={{html: eventData.description}}/>
</View>
</View>
</ScrollView>
);
Output of the code (No data in output):