时间戳

首页 > 解决方案 > 如何设置不换行的字幕

react-native - 如何设置不换行的字幕

问题描述

如何设置字幕不换行，我找不到设置字幕行不换行的道具。

<ListItem
  key={key}
  title={value.title}
  subtitle={
    <Text style={{fontSize: 12}}>{value.subtitle}</Text>
  }
  leftAvatar={{source: {uri: value.AvatarUrl}}}
  bottomDivider
  rightTitle="11:00am"
  badge={{value: '1'}}
/>

标签： react-nativereact-native-elements

解决方案

<ListItem
  key={key}
  title={value.title}
  subtitle={
    <Text style={{fontSize: 12}} numberOfLines={1}>{value.subtitle}</Text>
  }
  leftAvatar={{source: {uri: value.AvatarUrl}}}
  bottomDivider
  rightTitle={<Text style={{fontSize: 12}}>11:30</Text>}
/>

推荐阅读