返回

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块分割成多行,使其看起来像一个正常的段落。

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像
下一篇
pandas-Python-根据列中的信息添加行 2022-06-09 07:44:28