Nothing is rendered

Issue Description

I’m getting a blank screen when running the example.

Steps to Reproduce / Code Snippets

Slightly modify the example here: https://github.com/FaridSafi/react-native-gifted-chat#example and use it in the default React Native blank template.

// App.js
import React from 'react';
import {SafeAreaView, StyleSheet, ScrollView, StatusBar} from 'react-native';

import {Colors} from 'react-native/Libraries/NewAppScreen';

import Chat from './src/Chat';

const App: () => React$Node = () => {
  return (
    <>
      <StatusBar barStyle="dark-content" />
      <SafeAreaView>
        <ScrollView
          contentContainerStyle={{
            flexDirection: 'row',
          }}
          contentInsetAdjustmentBehavior="automatic"
          style={styles.scrollView}>
          <Chat />
        </ScrollView>
      </SafeAreaView>
    </>
  );
};

const styles = StyleSheet.create({
  scrollView: {
    backgroundColor: Colors.lighter,
  },
});

export default App;

// src/Chat.js
import React, {useState, useCallback, useEffect} from 'react';
import {GiftedChat} from 'react-native-gifted-chat';

const Chat = () => {
	const [messages, setMessages] = useState([]);

	useEffect(() => {
		setMessages([
			{
				_id: 1,
				text: 'Hello developer',
				createdAt: new Date(),
				user: {
					_id: 1,
					name: 'React Native',
					avatar: 'https://placeimg.com/140/140/any',
				},
			},
			{
				_id: 2,
				text: 'Hellos developer',
				createdAt: new Date(),
				user: {
					_id: 1,
					name: 'dd',
					avatar: 'https://placeimg.com/140/140/any',
				},
			},
		]);
	}, []);

	const onSend = useCallback((messages = []) => {
		setMessages((previousMessages) =>
			GiftedChat.append(previousMessages, messages),
		);
	}, []);

	return (
		<GiftedChat
			messages={messages}
			onSend={(messages) => onSend(messages)}
			user={{
				_id: 1,
			}}
		/>
	);
};

export default Chat;

Expected Results

Chat UI is rendered.

Additional Information

• Nodejs version: 14.4.0
• React version: 16.13.1
• React Native version: 0.63.4
• react-native-gifted-chat version: 0.16.3
• Platform(s) (iOS, Android, or both?): only tested on iOS
• TypeScript version: N/A

[oxbits]

my issue was something else

for the vanilla gifted chat i just created a new blank react native app and replaced the hello world at App.js with gifted-chat example code from the readme this proved it worked on both devices

then i realized it had nothing to do with gifted chat it was unexpected data from an API call that the react native client code was choking on and crashing

sorry if this is not more helpful

have you tried rolling back to an earlier version ?

[oxbits]

in my app it renders on my iPhone 6s 14.4

on my friend’s iPhone XR it is blank

so i built a vanilla gifted chat app and that appears on both devices