React Native:文本节点的“自动”宽度

Posted

技术标签:

【中文标题】React Native:文本节点的“自动”宽度【英文标题】:React Native: "Auto" width for text node 【发布时间】:2016-11-29 21:01:03 【问题描述】:

我在视图中有一个文本元素:

<View><Text>hello world foo bar</Text></View>

作为弹性网格的一部分。

我希望此视图具有基于内容的自动宽度,即文本的长度。

我如何做到这一点?

【问题讨论】:

【参考方案1】:

您可以随时设置minWidth: some width,然后将其居中对齐

【讨论】:

【参考方案2】:

如果元素具有alignSelf property,您可以实现此目的,例如:

alignSelf: 'flex-start'

alignSelf: 'center'

【讨论】:

这不适用于绝对定位的文本节点。有人知道怎么做吗? @OwenMasback 你找到解决方案了吗?我在绝对定位的文本节点上遇到了同样的问题。 这个答案中的两个链接都坏了=(

以上是关于React Native:文本节点的“自动”宽度的主要内容,如果未能解决你的问题,请参考以下文章

React-native view auto width by text inside

React Native:修复视图宽度

react-native TextInput 剪辑文本

React Native 中的动画字段宽度

React Native,如何在语言更改后更新视图

react-native的常用组件及api