React Native 实现即时聊天功能（第2天）：使用 react-native-gifted-chat 组件

在昨天的课程中，我们介绍了 React Native 的基础知识以及如何设置开发环境。今天，我们将继续深入学习如何使用 react-native-gifted-chat 组件来实现即时聊天功能。
首先，我们需要安装 react-native-gifted-chat 组件。可以使用 npm 或 yarn 包管理器进行安装。在终端中运行以下命令：

npm install react-native-gifted-chat
# 或者
yarn add react-native-gifted-chat

安装完成后，我们需要在 React Native 项目中链接该组件。对于 React Native 0.59 及更高版本，可以使用自动链接：

npx react-native link react-native-gifted-chat

对于更早版本的 React Native，需要手动链接：

react-native link react-native-gifted-chat

现在，我们已经成功安装并链接了 react-native-gifted-chat 组件。接下来，我们将创建一个简单的聊天界面。
首先，在项目中创建一个新的 React Native 组件，例如 ChatScreen.js。在该文件中，我们可以导入所需的依赖项和 react-native-gifted-chat 组件：

import React from 'react';
import { GiftedChat } from 'react-native-gifted-chat';
import { View, Text } from 'react-native';

接下来，我们可以使用 GiftedChat 组件来创建聊天界面。GiftedChat 组件提供了许多自定义属性和方法，用于显示聊天消息、输入框、发送按钮等。下面是一个简单的示例：

const ChatScreen = () => {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<GiftedChat />
</View>
);
};

现在我们已经创建了一个简单的聊天界面。接下来，我们可以将该组件添加到应用的导航中。假设我们使用的是 React Navigation，可以在 App.js 文件中进行如下修改：

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import ChatScreen from './ChatScreen';