React native 卡片标签中的文本标签是并排书写的，如何使每个文本标签在单独的行中？

我有一个

卡片

标签，其中包含一些

文本

标签，这些文本以内联方式显示，但我试图将它们放在彼此下方

return (
      <Card style={style.card}>
          <CardItem header style={style.header}>
            <Thumbnail source={{uri: `${link}images/${player.photo}`}}/>
            <Text style={{fontSize: 18,marginLeft:10}}>{player.username}</Text>
            <Text style={{fontSize: 16,marginLeft:10}}>{player.fullName}</Text>
            <Text style={{fontSize: 14,marginLeft:10}}>{player.position}</Text>
          </CardItem>
       </Card>
    );

返回(
{player.username}
{player.fullName}
{玩家位置}
);

如果要对文本进行垂直排序，可以使用

flexDirection:“column”

如果您想为每个文本创建行，您可以使用

textdecordinationline

。它也可以是

样式

或

颜色

导出默认类App扩展React.Component{
render（）{
返回(
更改代码
更改代码
更改代码
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
为内容辩护：“中心”，
paddingTop:Constants.statusBarHeight，
背景颜色：“#ecf0f1”，
填充：8，
flexDirection:“柱”//垂直对齐
},
第段：{
差额：24，
尺码：18，
fontWeight:'粗体'，
textAlign:'中心'，
textDecorationLine:“下划线”，
textDecorationColor:'蓝色'，
textDecorationStyle:“实体”
},
});

您想要的图片是什么？是否要垂直排列测试？是的，垂直排列。