Есть ли способ изменить метку реквизита из компонента одаренного чата? - PullRequest
Новая
       32

Есть ли способ изменить метку реквизита из компонента одаренного чата?

1 голос
/ 29 июня 2019

Я использую 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}

Я хочу знать, есть ли какой-то способ, которым яможет достигнуть этой метки, чтобы изменить «Загрузить предыдущие сообщения» на другой язык.Я не могу понять это.

1 Ответ

0 голосов
/ 29 июня 2019

Похоже, вы должны использовать опору 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>
        );
   }

Надеюсь, это поможет

...