Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

renderChatEmpty is flipped

See original GitHub issue

Issue Description

The empty chat view that is generated by renderChatEmpty is flipped.

Steps to Reproduce / Code Snippets

private renderChatEmpty() {
    return (
      <View
        style={{
          flex: 1,
          alignSelf: 'center',
          justifyContent: 'center'
        }}
      >
        <Text> Say hello to your buddy</Text>
      </View>
    );
  }

[FILL THIS OUT]

Expected Results

To see the view as returned in the function 🙂

Additional Information

A temporary “fix” is to add transform: [{ scaleY: -1 }] in the empty view style.

React Native version: 0.61.5
react-native-gifted-chat version: 0.13.0
Platform(s) (iOS, Android, or both?): iOS (at least)

Issue Analytics

State:
Created 3 years ago
Reactions:12
Comments:8

Top GitHub Comments

3reactions

alecdewitzcommented, Dec 1, 2021

This worked for me

renderChatEmpty={() => (
        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
            <Text
              style={{
                transform: [{ scaleY: -1 }],
              }}>
              No messages yet
            </Text>
        </View>
      )}

0reactions

BLOCKMATERIALcommented, Sep 23, 2021

Problem actually!