React Native:嵌入组件时文本换行不换行
发布时间:2022-06-09 09:48:53 517
相关标签: # react-native
我正在尝试将自定义组件(可单击标记)内嵌到文本块中。然而,我对flex wrap有一些问题,它不会分割单独的文本块,而是将它们放在新行上。我已经在实施中找到的解决方案类似问题. 有人指出我哪里出了问题吗?以下是代码块(添加背景色以方便使用,并使用了存根文本值):
return (
{textParts.map((part, i) => {
if (i % 2 === 0) {
return Lorem ipsum dolor sit amet
} else {
return TAG
}
})}
);
}
const styles = () => StyleSheet.create({
container: {
flexDirection: "row",
flexWrap: "wrap",
backgroundColor: "grey",
},
nonAnchorText: {
backgroundColor: "beige",
fontSize: 17,
flexWrap: "wrap",
},
anchorText: {
backgroundColor: "pink",
fontSize: 17,
flexWrap: "wrap",
}
});
这是理想情况下的结果,我希望将Lorem ipsum块分割成多行,使其看起来像一个正常的段落。
特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报