我尝试使用react-native-render-html。
下面是我的组件:
import { memo, useEffect } from 'react'
import { Text, View } from 'react-native'
import RenderHTML from 'react-native-render-html'
function TokenDetail({ navigation, token }) {
// console.log('tokenDetail token:', token?.name)
const test = 'Hello World'
useEffect(() => {
navigation.setOptions({
title: token.name
})
}, [])
return (
<View style={{ padding: 40 }}>
<Text style={{ fontWeight: 600, paddingBottom: 20 }}>{token.symbol.toUpperCase()} - {token.name}</Text>
<Text>{token.description.en}</Text>
<RenderHTML source={token.description.en} />
</View>
)
}
export default memo(TokenDetail)
如果我用这个
<RenderHTML source={token.description.en} />
我得到一个错误:未提供源 prop 。但是token.description.en没关系,因为我在应用程序的文本字段中有结果。
如果我用这个
<RenderHTML source={test} />
我得到了一个新的错误:您应该始终通过prop传递contentWith。
但是如果我查看文档,它不是必需的,当我尝试时,编辑器中出现了一个新错误:/
请我想了解这一点。谢谢你。
我读了文档,用谷歌搜索,但我不明白这个问题。
1条答案
按热度按时间xjreopfe1#
如果你仍然有这个问题,我正在尝试实现相同的库。对我来说,问题是我将HTML字符串直接传递给
source
prop,而它应该是一个对象: