如何访问 React Native Text 组件中的 onTextLayout 事件？

Question

我有一个 React Native Text 组件，其中包含用户配置文件的信息，最大 NumberOfLines 为 2。我还有一个 TouchableOppacity 按钮，上面写着“阅读更多..”，可清除组件的最大 NumberOfLines。我不希望“阅读更多”按钮显示 NumberOfLine 是否已经是 2 或更少。

在文档中，它说 onTextLayout 事件将为每行返回一个包含 TextLayout 对象的数组，但当我尝试访问它时，我从未返回任何内容。我尝试访问 onLayout 事件，我可以从该事件获取信息，但它没有我需要的信息。有人遇到过这个问题吗？

<Text numberOfLines={2} onTextLayout={onInfoLayout}>
            test text test text test text test text
            test text test text test text test text
</Text> }


const onInfoLayout = React.useCallback((e:any) =>{
   console.log("this is how long the text is", e);
}, []);

上面的代码在控制台中没有显示任何内容，但如果我将 onTextLayout 更改为 onLayout ，它会记录该对象。但是该事件再次没有我需要的信息。

任何帮助都非常感谢！

Answer 1

正确的 prop 是onLayout根据此处的 React Native 文档：

https://reactnative.dev/docs/text#onlayout