空白和文本溢出样式在react native中不起作用
我正在尝试使用styled_components替换以下css样式换行时的一些文本：
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
但当我使用文本溢出和/或空白样式时，我会出错，因为textOverflow和whiteSpace不是有效的样式属性。
如何使用styled_components或React Native StyleSheet应用这些样式？
谢谢你！
React，React Native e Styled Components版本
json prettyprint-override">{
"react": "16.13.1",
"react-native": "0.63.4",
"styled-components": "^5.2.1"
}
共有2个答案
我找到了问题的答案！
我刚刚在我的文本组件中添加了数字OfLines和椭圆模式道具，一切都很好。
如何在文本上有省略号效果
这个问题的解决方案是flexShrink:1。
<View style={{ flexDirection: 'row' }}>
<Text style={{ flexShrink: 1 }}>
Really really long text...
</Text>
</View>
根据您的设置，您可能还需要将flexShrink: 1添加到的父级中，以使其工作，所以使用它，您会成功的。
https://stackoverflow.com/a/57462018/18021672
-
问题内容： .flex-container { 当我删除flex属性时，它工作正常。 我想知道为什么柔韧性会影响省略号。 TIA 问题答案： 您的问题在于缺少“灵活的孩子”。这些将需要包含样式以截断元素，而不是父容器。 尝试将truncate属性移动到一个单独的类，如下所示：
-
问题内容： 我试图在FlatList 上调用函数，但无法正常工作。 我在最后打电话给我，它没有更新。我想稍后在无限滚动中使用此逻辑，但现在无法使其工作。 问题答案： 您在FlatList中寻找的属性是onEndReachedThreshold而不是onEndThreshold。
-
我正在使用iReport 5.1.0和JasperReports 5.0.0构建一些报告。现在我的麻烦是粗体样式没有出现在pdf输出中。如果我有样式化的文本（例如)，粗体部分在报表输出中显示为粗体，但在PDF中不显示。在pdf中设置粗体的唯一方法是强制该元素的pdf字体为粗体字体（例如pdffontname=“helvetica-bold”），但这样会使整个字符串粗体化，并且不允许我通过样式标记来
-
我想更改对话框中editetext底线的颜色。我有一个自定义对话框布局，我对每个edittext都使用了这种样式，但它根本不起作用，而且我得到了一条黑色的底线： 这是样式代码： 我对每个编辑文本都使用这种样式。你能帮帮我吗，为什么它不起作用？
-
问题内容： 这是我尝试过的： 本质上，当窗口变小时，我希望跨度以省略号缩小。我做错什么了？ 问题答案： 您需要具有CSS ，（或）和。
-
应该修复头部，我不想要整体滚动条，所以我在主体标记中给出了, 我需要垂直滚动条在我的包装div。我怎么才能修好这个？ HTML