如何在expo的React Native gifted chat中设置用户头像？

import { GiftedChat } from 'react-native-gifted-chat';
import { Image } from 'react-native';

// 自定义renderAvatar函数
const renderAvatar = (props) => {
  const { currentMessage } = props;
  const { user } = currentMessage;

  // 根据用户信息确定头像的显示方式
  if (user.avatar) {
    return <Image source={{ uri: user.avatar }} style={{ width: 40, height: 40, borderRadius: 20 }} />;
  }

  // 默认头像
  return <Image source={require('./default-avatar.png')} style={{ width: 40, height: 40, borderRadius: 20 }} />;
};

// 在GiftedChat组件中使用自定义renderAvatar函数
const ChatScreen = () => {
  return (
    <GiftedChat
      renderAvatar={renderAvatar}
      // 其他配置项...
    />
  );
};

export default ChatScreen;