我想删除这张图片中的最后一个元素,但到目前为止我只能把它剪掉。
代码如下:
<View style={{ flexDirection: "row", flexWrap: "nowrap", overflow: "hidden" }}>
{item.sortedTagObjects.map(({ tag, color }) => (
<Text
key={tag}
style={{
height: 24,
lineHeight: 24,
paddingHorizontal: 8,
paddingVertical: 2,
justifyContent: "center",
textAlign: "center",
backgroundColor: "purple",
}}
>
{tag}
</Text>
))}
</View>;
当我尝试制作包装器<Text numberOfLines={1}>
时,它看起来像这样: