react-native-gifted-chat仅重新渲染上一个气泡

Question

我想在气泡中自定义滴答与状态:发送，发送，接收和阅读的反应-本地-礼物-聊天

这是我的代码自定义renderTicks：

    renderTicks = message => {
        const { statusMessage } = this.state;
        // TODO: Status pending
        if (message && message.user && message.user._id === this.ownerInfo?.phone) {
            const status = statusMessage[message._id];
            switch (status) {
                case STATUS_MESSAGE.SENDING:
                    return (
                        <ActivityIndicator
                            size="small"
                            color={Colors.pink_06}
                            style={styles.loadingTick}
                        />
                    );
                case STATUS_MESSAGE.RECEIVED:
                    return (
                        <Icon name={'16_notifications_check_circle_full'} style={styles.ticks} />
                    );
                case STATUS_MESSAGE.SENT:
                    return <Icon name={'16_notifications_check_circle'} style={styles.ticks} />;
                case STATUS_MESSAGE.READ:
                    return (
                        <Avatar
                            size="tiny"
                            name={this.friendInfo?.name}
                            source={{ uri: this.friendInfo?.avatar }}
                            style={styles.ticks}
                        />
                    );
                default:
                    return null;
            }
        } else {
            return null;
        }
    };

状态消息错误

​

这是我的日志

​

虽然I setState状态消息，但我来宾气泡未重新呈现

Answer 1

shouldUpdateMessage是由react-native-gifted-chat提供的道具，它可以帮助我解决问题

shouldUpdateMessage={(props, nextProps) =>
    props.extraData !== nextProps.extraData
}