react-native-gifted-chat tick not showing

Question

In my react-native-gifted-chat tick is not showing. New to react so not sure on how to fix this.

the message contains sent: true and recieve:true
using react-native > .61 and react-native-gifted-chat = 0.16.1
renderTicks is not boolean but a function. it just has currentMessage as paramters not even any props.

Do I have to write the ticks manually?

Please provide some code for your gifted chat setup – Milan Velebit Jul 01 '20 at 08:24 — Milan Velebit, Jul 01 '20 at 08:24
@jay Did you got any solution for this? – Adeel Iftikhar Aug 25 '20 at 09:11 — Adeel Iftikhar, Aug 25 '20 at 09:11

score 0 · Answer 1 · answered Jul 11 '22 at 09:20

My solution is custom the renderTick, and render it directly in message.

// custom tick
const renderTick = (props) => {
  return (
    <Text>
      {props.currentMessage.isSent && "✓"}
      {props.currentMessage.isReceived && "✓"}
    </Text>
  )
}

And render the message like this:

// Custom message text
const renderMessageText = (props) => (
  <View>
    <Text>
      {props.currentMessage.text}
    </Text>
    renderTick(props)
  </View>
)

react-native-gifted-chat tick not showing

1 Answers1