Question

我正在使用Gifted Chat https://github.com/FaridSafi/react-native-gifted-chat/，但我需要一些标签使用另一种语言，即在此处找到的LoadEarlier标签：https://github.com/FaridSafi/react-native-gifted-chat/blob/master/src/LoadEarlier.tsx

在这里定义：

  static defaultProps = {
    onLoadEarlier: () => {},
    isLoadingEarlier: false,
    label: 'Load earlier messages',
    containerStyle: {},
    wrapperStyle: {},
    textStyle: {},
    activityIndicatorStyle: {},
    activityIndicatorColor: 'white',
    activityIndicatorSize: 'small',
  }

  static propTypes = {
    onLoadEarlier: PropTypes.func,
    isLoadingEarlier: PropTypes.bool,
    label: PropTypes.string,
    containerStyle: ViewPropTypes.style,
    wrapperStyle: ViewPropTypes.style,
    textStyle: PropTypes.any,
    activityIndicatorStyle: ViewPropTypes.style,
    activityIndicatorColor: PropTypes.string,
    activityIndicatorSize: PropTypes.string,
  }

我正在通过导入react-native-gifted-chat组件，然后仅将<GiftedChat />用作其道具的一部分来进行聊天：

loadEarlier={true}
          isLoadingEarlier={false}

我想知道是否可以通过某种方式将该标签修改为“加载早期消息”以另一种语言。我不知道。

Answer 1

看起来您应该使用renderLoadEarlier道具来渲染带有自定义标签的<LoadEarlier>按钮。

导入它-

import { LoadEarlier } from 'react-native-gifted-chat';

然后渲染-

    render() {

        const myLoadEarlier = (props) => <LoadEarlier {...props} label="Custom Load Earlier Label" />;

        return(
            <View>
                ...
                <GiftedChat
                    ...
                    renderLoadEarlier={myLoadEarlier}
                />
            </View>
        );
   }

希望这会有所帮助

有什么方法可以从“天才聊天”组件中修改标签道具吗？

1 个答案: