问题标签 [react-native-text]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1927 浏览

react-native - React Native TextInput 和 FlatList 捕获 ListItem 的 onPress

所以我正在尝试创建一个具有 2 个兄弟视图 TextInput 和 FlatList 的自动完成搜索框(仅在 时显示this.state.data.length> 0)所以我的渲染函数如下所示: -

问题是当我单击列表项时,第一次单击触发onEndEditing回调,TextInput然后第二次单击触发列表项onPress的回调TouchableOpacity

请问如何在第一次点击时触发列表项的onPress?

演示 gif

0 投票
2 回答
685 浏览

reactjs - 专注于导入组件的 TextInput

我的组件中有一个TextInput( FirstComponent)。我可以通过调用this.refs. 我还在导入和调用另一个组件 ( SecondComponent),它也需要专注于TextInput单击按钮。

我的第一个组件:

SecondComponent也有一个叫TouchableOpacity焦点TextInput

TextInputSecondComponent 渲染得很好,但由于它不在 SecondComponent 中,所以无法调用焦点。我该如何解决这个问题?

谢谢。

0 投票
1 回答
1654 浏览

reactjs - 将值传递给 TextInput onPress

我的组件是:

单击时,我可以显示来自{redData}和的数据。我想将一个值传递给. 假设我想通过,所以当打开时,我希望已经在 的开头,这样我就可以将它传递给。focusTextInputOpenTextInputdata.nameonPressOpendata.nameTextInputthis.state.thetext

我怎样才能做到这一点?非常感谢。

0 投票
12 回答
86278 浏览

react-native - 是否可以在本机反应中将文本/字符串的第一个字母大写?怎么做?

我必须将要显示的文本的第一个字母大写。我搜索了它,但我找不到明确的做法,text在 react native 官方文档中也没有这样的道具。

我正在使用以下格式显示我的文本:

或者

我该怎么做?

欢迎提出建议?

0 投票
0 回答
388 浏览

ios - swiftkey 键盘不会显示 react-native 文本输入

我在使用 react-native textinput 时遇到问题。在一个屏幕上显示 swiftkeyboard,而在另一个屏幕上不显示 swift 键盘,而是显示默认键盘。

在下面的 textinput swiftkey 键盘上显示:

并且在下面的 textinput swiftkey 键盘上不显示

0 投票
0 回答
1010 浏览

android - 在 react-native 中处理可选文本上的上下文菜单

我正在尝试修改显示<Text />在 react-native 中可选择的上下文菜单。我想专门在js中做到这一点。它应该选择多个单词,以便我可以使用这些单词进行 api 查询。

还有其他使用 java 的解决方案 -

禁用 EditText 上下文菜单

反应原生 | 向文本上下文菜单添加选项

React Native 中的选择/编辑菜单

但是这些都不是很有帮助..

0 投票
7 回答
9203 浏览

javascript - 嵌套文本,垂直对齐不起作用 - React Native

好的,让我们把这个简单化。我有两个Text组件,一个在另一个内部。第一个TextfontSizeof 60,嵌套的有fontSizeof 20。随着字体大小的变化,嵌套的Text位置基本对齐。我希望嵌套的Text 垂直中心与父级对齐。

代码

电流输出

当前输出

需要的输出

在此处输入图像描述

我知道这是一个简单的场景,但是作为反应原生的新手,我想不通。我已经搜索了整个网络,但找不到任何有用的资源。

0 投票
5 回答
156875 浏览

react-native - 如何在 React Native 中使文本变为粗体、斜体或下划线?

令人惊讶的是,在 Stack Overflow 上还没有一个问题可以将这些问题组合在一起。斜体或下划线没有关于SO的答案,事实上,只有这个问题是粗体。我在下面自我回答了这个问题。

0 投票
0 回答
2288 浏览

unit-testing - 如何测试内容在 Jest + Enzyme + React Native 中添加标签?

如果我的<Text />标签正确接收props.header为文本,我想用 Jest 和 Enzyme 进行单元测试。

通常我能够<Text />像这样测试标签的内容:

但是,一旦我通过一个对象,这将不再可能。我来给你展示:

这失败并显示以下错误消息:

我如何使用 Jest 和 Enzyme 进行测试?

编辑

我发现将常量传递给props. 如果我硬编码这样的值props

测试也通过了。有没有办法让这个工作即使是常数?

0 投票
2 回答
131 浏览

react-native - 不同宽度的多行文本?

是否可以在 React Native 中制作多行文本,其中行的长度不同?

我的示例地址(可以是任何字符串)的情况,其中相同长度的行:

期望的结果:

不同宽度的多行文本

谢谢!