Nano Hash - криптовалюты, майнинг, программирование

Добавление времени назад в React Native Elements ListItem

Я использовал 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}
/>

  • Можете ли вы опубликовать styles для ListItem, также вы хотите установить субтитры или нет? 06.04.2018
  • Я хочу иметь 5 строк для субтитров. Подзаголовок к комментарию. const styles = StyleSheet.create({ container: {flex: 1}, listItemContainer: {flex: 1, borderBottomWidth: 0}, seperator: {height: 1, width: 86%, backgroundColor: #CED0CE, marginLeft: 12%} , title: {marginLeft: 5, fontSize: 16, fontWeight: 600, color: black}, subtitle: {marginLeft: 5, fontSize: 14, fontWeight: normal}, rightTitle: {color: grey, fontSize: 12} }) ; 06.04.2018

Ответы:


1

Вертикальное центрирование — это поведение по умолчанию для rightTitle в качестве документы говорят

укажите rightTitle, чтобы заголовок отображался справа от кнопки

Для этого вы можете добавить rightTitleContainerStyle как

{position: 'absolute', top: (YOUR_TITLE_FONT_SIZE - YOUR_RIGHT_TITLE_FONT_SIZE) / 2, right: 0}
06.04.2018
  • Большое спасибо, Притиш. Я потратил целый день, чтобы исправить это. Есть одна небольшая проблема. Я хочу увеличить размер аватара. Аватар должен быть круглым. Но когда я увеличиваю размер, он становится квадратным. Как я могу это решить? 06.04.2018
  • Было бы здорово, если бы вы также разместили вопрос с соответствующими стилями для аватара. 06.04.2018
  • Это ссылка на новый вопрос Pritish. stackoverflow.com/questions/49696311/ 06.04.2018
  • Да, я дал ответ на этот вопрос. 06.04.2018
  • Это сработало, как вы объяснили. Спасибо, Притиш. Я тут другой вопрос задал. stackoverflow.com/questions/49719835/ Не могли бы вы помочь? 08.04.2018
  • Возможно, вам потребуется добавить соответствующий код для этого примера. 08.04.2018
  • Новые материалы

    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..

    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..

    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..

    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..

    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..

    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..

    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..