React Native 查找文本是否溢出容器

Question

我有一个问题，在 react-native 中，我想知道是否有可能知道文本是否溢出容器，想象以下代码（容器可以是任何东西，View、ScrollView 等都无关紧要）

<Container>
 <Text> Long text...</Text>
</Container>
{textOverflows && <GradientComponent/>}

基本上，如果文本溢出并有条件地在容器底部添加渐变（如果需要），我会尝试使用布尔值。

Answer 1

您可以做的是检查该文本的长度，如果文本的长度比该容器的宽度长，则为其添加样式。它看起来像这样：

文本.长度>容器.宽度？样式= {styles.gradientCompoennt} : 样式={styles.whatever}