Estoy trabajando con wordpress api en la integración de mis publicaciones de blog en mi aplicación nativa de reacción usando un ‘wp-json/wp/v2/mensajes’ consulta. Cuando quiero obtener un artículo de esta solicitud, obtuve una matriz con mis artículos. Ahora quiero obtener solo el título y el extracto de mi aplicación nativa de reacción. Cuando hice esto, tenía algo de texto HTML. Así que gracias a la reaccionar-native-render-html paquete Pude convertir mi html pero no puedo agregarle ningún estilo sabiendo que el html en cuestión comienza con una etiqueta ‘
aquí está mi código: solo mire la línea ‘ Aquí lo que tengo en mi emulador: (Como puede ver, no se han realizado cambios en mi extracto)import { ArticlePage } from '../../Components/ArticlePage'
export default () => {
const article = getPosts()
const { width } = useWindowDimensions();
const tagsStyles = [
StyleSheet.create({
p: {
color: '#F00',
fontSize: 6,
}
})
]
return (
<SafeAreaView style={s.mainContainer}>
<ScrollView>
<View style={s.pageContainer}>
<Text style={s.title}>Articles du blog</Text>
{
article?.map(post => (
<TouchableOpacity onPress={() => onPress(post.key)} key={post.key} style={s.cardContainer}>
<Image style={s.cardImage} source={{
uri: post?.yoast_head_json.og_image[0].url,
}}>
</Image>
<View style={s.cardBody}>
<Text style={s.cardTitle}>{post?.title.rendered}</Text>
<Text style={s.cardText}>
<RenderHtml contentWidth={width} source={{ html: post?.excerpt.rendered }} />
</Text>
</View>
<View style={s.cardDivider} />
<View style={s.cardFooter}>
<Text style={s.cardText}>Lire l'article </Text>
<Text style={s.arrow}>-></Text>
</View>
</TouchableOpacity>
))
}
</View>
</ScrollView>
</SafeAreaView >
)
}

.