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