在头像下面的React Native Elements的ListItem的样式字幕

Question

我想设置我的ListItem，以便字幕是头像和标题下面的一个块。像这样：

目前副标题位于头像的右侧，这似乎是ListItems的默认样式。

我的代码：

＆＃13;

＆＃13;

  renderItems = (item) => {
    return <ListItem
      containerStyle={styles.listItem}
      title={item.data.title}
      avatar={{uri:item.data.thumbnail}}
      subtitle={
        <View style={styles.subtitle}>
          <Text>{item.data.author}</Text>
          <Text>{item.data.score}</Text>
          <Text>{item.data.num_comments}</Text>
        </View>
      }
    />
  }
  
const styles = StyleSheet.create({
  listItem: {
    display: 'flex',
  },
  subtitle: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'space-around',
  },
});

＆＃13;

＆＃13;

＆＃13;

Answer 1

据我所知，没有一个。

但是，作为一种变通方法，您可以使用containerStyle使每个列表项足够高，以包含您的初始设计，并使用position: 'absolute', bottom: 0, left: 0, right: 0上的subtitleStyle来锁定您的字幕。