问题标签 [react-native-text]

我想创建Text组件并连续显示它们，就像spanhtml 中的元素一样。如果我这样做：

它们之间的线断了，它看起来像：

从这里开始，在这里
结束

如何防止换行并将它们显示在同一行？

我想在完全用 Obj C 编写的现有应用程序中集成一个小的反应原生视图。可用的最流行的库假定所有字符串都加载到 JS 端的内存中。我担心这可能最终导致应用程序使用大量内存并可能崩溃？请注意，我还没有通过仪器进行任何主观测试，但想知道其他人是如何解决这个问题的？

如果文本字符串很大，React Native Text 组件不会呈现任何内容。有人遇到过同样的问题或有任何解决方案吗？如果我继续增加字符串文本的大小，在某些时候，{someString} 将不会呈现任何内容。

这是显示问题的小型演示项目： https ://github.com/peid2l/ReactNativeTextIssue

使 Text 组件停止工作所需的文本量并不是很大，以下文本量的 17 倍就可以了。

"

Lorem ipsum dolor sit amet，没有必要的论据，野蛮的mnesarchum id mei。Sapientem sadipscing at qui。Sea ei noster iudicabit, vis exerci intellegat ei。Ei dolore omittantur usu。Viderer repudiandae ad his, vocibus offendit aliquando vis in。

Mel ne tractatos petentium，nullam perpetua repudiandae nec te，idque postulant ius te。Unum verterem id per, ius et mucius erroribus suscipiantur。Cum ex dictas tritani pericula, ei prompta instructior eum。Omnium efficiendi ei mei。Cum te ipsum quodsi detracto，cum fastidii complectitur te。

我在iOS<Text/>中遇到了 React-Native组件的一些奇怪问题。

我想将borderBottomWidth样式应用到<Text/>组件中，但它不起作用。但是，该borderWidth选项有效。

• 工作过 <Text style={{borderWidth:1}}> React Native </Text>

• 没有工作 <Text style={{borderBottomWidth:1}}> React Native </Text>

有没有办法只将底层边框应用到<Text/>组件中？

谢谢！

笔记：

我知道以下提到的方法可以实现这一点，但就我而言，我只需要将样式应用于<Text/>组件。

1. 我们可以尝试包装<View/>到<Text/>并将borderBottomWidth样式应用于<View/>. （borderBottomWidth适用于<View/>）
2. <View/>在下面添加这样的<Text/>组件，看起来像一条线。

使用 React 本机 0.26，

我的组件是这样的

我的风格：

我面临的问题是

1. 边框右宽和左宽似乎没有任何效果，占位符文本只是从左边缘开始。
2. TextInput 的背景为“灰色”，与视图的背景相同。我期待它默认为白色，（感觉透明）。
3. 使用 iOS 模拟器如何调出键盘，我想设置returnKeyType并查看键盘的外观（并有一些代码onSubmitEditing和测试）。

截图如下：

I'm trying to extend the react-native TextInput (RCTTextField/RCTTextFieldManager) that I'm able to pass a react component (e.g. <Picker >...</Picker>) as an attribute (e.g. input) that will be set as the UITextInputs inputView attribute.

I'd expect to be able to pass a react component as a property to a native component as follows:

RCTTextFieldManager.m:

Form.js

This results in the following error:

(How) is it possible to pass a react component as a property to a native component?

几天前我开始使用 react-native，经过广泛的搜索后，我无法找到 2 个（简单？）问题的答案：

1. 如何更改react-native中所有文本组件的颜色？最佳实践是什么？创建一个自己的带有样式的 Text 组件并在任何地方重用它？

2. 更改TextInput的默认文本颜色。我设法更改了占位符颜色，以及android中的下划线颜色，但我找不到任何关于如何更改输入文本颜色（保持黑色）的信息。

3. 我可以更改所有内容的字体/文本颜色吗？似乎缺少此选项。

感谢您的帮助和欢呼

在 React Native 中，我有一个<Text numberOfLines={5}>可以正常工作的元素，但是当文本在换行之前被剪辑时就不行了。

例如，在此屏幕截图中，第一部分工作正常，但在第二部分中，“Transport：”之后立即有一个换行符，然后文本继续，但 React Native 不显示省略号，因此用户不会'不知道有文本被剪裁。

这可能吗？我看到了一些关于 Text prop lineBreakMode 的 PR，但它看起来还没有发布。那个道具会解决这个问题吗？在当前版本的 React Native 中是否有一种简单的方法可以做到这一点？

我已经反应了本机组件（例如：myComponent），它具有以下代码来显示来自 this.props.text 的文本。此文本道具在 myComponent 中定义为字符串。

当我通过发送操作给出如下文本时，它将文本显示为字符串。但我希望组件显示为蓝色突出显示的链接

如果我直接在 myComponent 中对字符串进行硬编码，它会显示我们可以执行 onclick 的链接。

将其显示为链接有什么帮助吗？

当我想在组件中显示“小于”符号（<）时，Text它会抛出这个SyntaxError：

意外令牌 (126:39)

我的代码是：

如何在 React Native 中显示“小于”？