1

嗨，我正在尝试制作一个类似工具提示的 chatBubble UI，它也可以在可滚动视图中使用（如 flatlist、sectionlist、listview...）

这是我的 SectionList 的 renderItem 代码。

_renderItem = ({item}) => {
    return (
        <View style={styles.row}>
            <TouchableOpacity style={styles.button}>
                <Text>ToolTipComponent has to be below this text...</Text>
                <ToopTipComponent style={styles.rowText}/>
            <TouchableOpacity>
        </View>
     );
}

我将在单击按钮时通过 Animated.timing 使 ToolTipComponent 可见，并在几毫秒后弹出。ToolTipComponent 的高度远大于每一行的高度，因此它必须超出行的边界并覆盖下一行。但是我发现每一行的 ToolTipComponent 的底部都被下一行覆盖了。我认为行是按系列呈现的，因此下一个呈现的行可能会覆盖上一行的子视图。

是否可以使一行的子视图超出下一行覆盖的边界？

4

0 回答 0