Я использовал React Native Elements
ListItem
для рендеринга элементов FlatList
. Я хочу установить текст timeago (например: 20 минут назад) в той же строке, что и заголовок. Но когда я устанавливаю количество строк в заголовке равным 5, текст времени назад попадает в строку субтитров. Как я могу это исправить?
<FlatList
data={this.props.data}
renderItem={({item}) => (
<ListItem
roundAvatar={true}
avatar={{uri: item.picture.thumbnail}}
title={`${item.name.first} ${item.name.last}`}
titleStyle={styles.title}
rightTitle="20 Minutes Ago"
rightTitleStyle={styles.rightTitle}
rightTitleContainerStyle={styles.rightTitleContainer}
// subtitle="This is a sample comment which was commented by the developer."
subtitleStyle={styles.subtitle}
subtitleContainerStyle={styles.subtitleContainer}
subtitleNumberOfLines={5}
hideChevron={true}
containerStyle={styles.flatListContainer}
/>
)}
keyExtractor={item => item.email}
ItemSeparatorComponent={this.seperator}
onRefresh={this.handleRefresh}
refreshing={this.props.refreshing}
onEndReached={this.handleLoadMore}
onEndReachedThreshold={50}
/>