问题标签 [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 回答
8076 浏览

react-native - React Native FlatList 在底部剪切文本

我正在尝试制作一个搜索屏幕,我有一个 FlatList 填充屏幕中所有未使用的空间,并且有一个将填充设置为 10 的样式。我现在有硬编码数据只是为了测试它在我一直向下滚动,最后一个文本元素被切成两半......如果我删除填充它会正确显示最后一个项目,但文本显示粘在 FlatList 的边框上,并且向每个 FlatList 项目添加填充看起来像矫枉过正(正如有人在另一篇文章中建议的那样)。

在此处输入图像描述

ImportScreen.js:

提前谢谢各位!

0 投票
2 回答
3079 浏览

react-native - React Native Text.defaultProps 不存在并且创建它也不起作用

我是 React Native (0.59.3) 的新手,我正在尝试为Text我的应用程序中的所有组件设置默认字体。我已阅读https://stackoverflow.com/a/47925418/811405How to disable font scaling in React Native for IOS app? .

在我的App.js我放:

但我明白了Cannot set property 'style' of undefined

当我在此Text.defaultProps = Text.defaultProps || {};之前添加该行时,我没有收到错误,但没有任何反应(所有Text组件仍使用默认字体)。我尝试使用不同的字体(内置 iOS 字体和我已链接和验证的自定义字体),使用它们的 PostScript 名称,但没有任何反应。

我究竟做错了什么?

0 投票
1 回答
586 浏览

reactjs - 在 React Native 中为 TextInput 中的占位符提供样式

所以我有一个 TextInput 并且占位符有一个样式。为此,我Textposition: 'absolute'zIndex: 1TextInput

现在,有占位符的Text组件,当我按下它时,我应该可以按下占位符,也就是这里的Text组件,并且可以调用onFocusTextInput的方法

我希望我能够清楚地解释我的问题。

0 投票
4 回答
1285 浏览

react-native - 如何在 react-native Text 中设计带有装饰线的文本

我需要在文本和装饰线之间添加一些空格。有人对此有任何建议吗?

我已经设置了文本装饰线,但它没有在文本和装饰线之间显示空间。

如下图

折断

另外,我设置了 boderBottom 宽度。它显示在整个屏幕上

折断

0 投票
1 回答
1791 浏览

android - 与文本内联的 React-native 图标

嗨我想实现以下风格:

在此处输入图像描述

但是使用以下代码,我在单独的列中获得了一个图标,在另一列中获得了文本

在此处输入图像描述

请忽略不同的图标。这个问题有什么解决办法吗?

0 投票
0 回答
222 浏览

react-native - 带有“粗体”、“斜体”、“下划线”文本选项的文本输入键盘类型 - ipad

当在 iPad 上聚焦 TextInput 时,有什么方法可以在键盘上显示粗体/斜体/下划线按钮?我已经在邮件和便笺应用程序中看到了这个选项,但是我找不到使用 React Native 为我的应用程序执行此操作的任何方法。下图显示了我正在寻找的键盘类型:

图像 - 带有粗体/斜体/下划线选项的键盘

0 投票
0 回答
587 浏览

react-native - React Native onTextLayout 方法在 iOS 上的 Text 组件问题

我使用 onTextLayout 方法来计算渲染的行数。它在 Android 上完美运行,但在 iOS 上,行数组长度为 1 或 2,即使文本很长,也永远不会大于 2。

任何想法为什么?

0 投票
1 回答
1571 浏览

reactjs - React Native:是否可以调整 fontSize 以确保字体适合一行?

在我的 React Native 应用程序中,我有<Text>一些项目在某些手机上溢出并占用了两行。是否可以动态调整字体大小以确保文本适合一行?

0 投票
2 回答
120 浏览

reactjs - React Native TextInput:为什么secureEntryText会移出输入框并有省略号?

我的 React Native 应用程序中有TextInput组件,当我添加secureEntryText: 'true'密码输入时,我注意到两件事:

1)当我输入密码时,输入密码的左边缘移到输入框的左侧,如下所示:

在此处输入图像描述

2)当我不关注密码输入时,无论密码多长,输入的密码末尾都有一个省略号,如下图:

在此处输入图像描述

有谁知道我可以如何解决这些问题?

0 投票
1 回答
254 浏览

react-native - React Native:textShadow 在侧面渲染不好

我无法按预期使用 textShadow 适当性。这是我的代码:

这是它的渲染方式:

带阴影的文字

如您所见,阴影在文本的开头和结尾处被剪切......

有谁知道如何避免这种情况?(无需在要渲染的字符串中添加“”)

非常感谢您的帮助。