问题标签 [react-native-elements]

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 投票
0 回答
33 浏览

react-native - 为什么我的键盘失去了对每个水龙头的关注

我正在使用反应原生元素输入。每当我在键盘上键入一个键时,它就会失去焦点

以下是版本详情

反应原生 - 0.59.5 操作系统 - MAC

设置评论文本:

我希望每当我按下一个键时键盘都不会关闭

0 投票
1 回答
2776 浏览

react-native - 如何为输入(react-native-elements)标签设置fontFamily?

fontFamily不适用于来自 的组件的labelStyle属性。我错过了什么?Inputreact-native-elements

我正在使用 react 16.8.6、react-native 0.60.4 和 react-native-elements 1.1.0。我一直在我的整个应用程序上使用这个字体系列(Arciform),到目前为止它一直在工作。

样式表代码 - 文件定义库

StyleSheet 代码 - 文件 StyleFaleConosco

输入文件代码

它一直显示这 2 个标签的默认 fontFamily 而不是 Arciform。

0 投票
0 回答
598 浏览

react-native - react-native-elements avatar - 如果图像不存在,则在 IOS 上回退到标题的问题

我正在使用基于云的存储来存储头像图像。如果用户的图像不存在,我想回退到用户标题。下面的代码适用于 android,但在 IOS 上,图像只是空白且没有标题。

<Avatar rounded source={{ uri: avatarUrl }} title={userName.slice(0, 2)} />

在常规图像上,您可以使用 onError 来处理此问题,但我不知道如何在 Avatar 上使用它。

任何人有任何建议如何解决这个问题?或其他处理得更好的包?

谢谢!

0 投票
1 回答
569 浏览

reactjs - 当元素更改时,从数组映射的 React Native 动态视图不会更新

我有一个视图,其中我正在从 React Native Elements动态添加输入组件。最终,我需要验证在 Input 中输入的文本,因此,现在,我正在尝试在onChangeText上将 errorMessage 属性从 false 更改为 true 。不幸的是,即使状态组件更改为 true,我也没有尝试更改 errorMessage。我有一个Snack,为了方便起见,我的代码如下:

应归功于McGregor (2017) 让我走到了这一步,但我仍然陷入困境。

参考:

McGregor, L.(2017 年 10 月 2 日)在 ReactJS 中更新数组中的对象的最佳方法是什么?[堆栈溢出答案]。取自https://stackoverflow.com/a/46518653/6084947

0 投票
2 回答
2215 浏览

react-native - 列表项的背景颜色不起作用?

我第一次制作一个列表项,如果我使用此代码,我发现没有任何变化:

**编辑!

有人可以向我解释为什么会这样以及我该如何解决这个问题。

欣赏它,谢谢你的时间

0 投票
0 回答
703 浏览

javascript - React Native 元素未按预期呈现

我刚刚开始使用 React Native。我使用 expo.io 创建了一个新应用程序,目前正在测试https://react-native-elements.github.io提供的组件

我正在尝试输入表单和按钮,我的代码目前如下所示:

组件(当前)仅返回 EnterNewPasswordComp

这个组件在我的 App.js 中使用,如下所示:

这是我的输出在我的 Android 手机上的样子:

应用截图

注意:

  • 输入字段根本不呈现
  • 未正确拾取按钮类型轮廓
  • 按钮宽度未正确拾取

我玩弄了这些样式(比如设置输入表单的颜色,怀疑它可能与背景相同),但没有任何改变。我想知道我是否在做一些根本错误的事情来产生这些问题。

0 投票
3 回答
3254 浏览

react-native - 使用 Stylesheet.create 反应原生元素

我正在尝试将 react-native-elements 与我的 React-Native 应用程序一起使用。

我有一个带有主题详细信息的中央 js 文件,正如这里解释的那样,使用 ThemeProvider 注入 - https://react-native-elements.github.io/react-native-elements/docs/customization.html

但是,当我尝试在组件的 stylesheet.create 方法中使用传递的主题时,出现错误。我究竟做错了什么?-

如果我可以提供更多详细信息,请告诉我。


更新:

感谢@Sebastian Berglönn 下面提供的建议,我能够在不导出到不同文件的情况下通过这样做来对其进行参数化 -

0 投票
2 回答
359 浏览

react-native - 为什么 react-native-svg-icons 给我一个错误,即 ttf 文件有一些重复项?

长话短说

我在我的 iPhonereact-native应用程序中沉没了大约 12 个小时。从昨天开始,它就不再建造了(不知从何而来)。5小时后!在调试的过程中,我发现了可能导致问题的原因,但没有找到解决方法。

我使用这些包含 .ttf 文件的包 / 用于图标和东西:

我认为有问题。由于 react-native-vector-icons 似乎也使用了这些软件包之一带来的相同 .ttf 文件,因此我收到错误消息:

多个命令产生...

所以当我卸载react-native-vector-icons它再次工作。但是当我到达使用这个包的屏幕时:

"react-native-elements"(它在文档中说它需要react-native-vector-icons

它抱怨找不到 Fontawesome 图标(来自元素的复选框组件)

那么我该如何解决这个问题呢?我显然需要构建应用程序,还需要来自react-native-elements. 但react-native-elements需要react-native-svg-icons. 但是当我安装它时,它甚至没有生成上述错误,即有多个相同图标的 .ttf 文件。

0 投票
3 回答
2170 浏览

react-native - React-native-elements 将所有图标显示为方形

我正在使用 react-native-elements 创建一个移动应用程序。每当我在应用程序中使用图标时,无论图标是什么,它都会显示为一个正方形。我按照文档进行操作,但无法正常工作。

这是它呈现图标的方式。

在此处输入图像描述

在第一和第二个地方,我想分别放置汉堡图标和搜索图标,但它显示为正方形。

对应代码

0 投票
2 回答
4873 浏览

react-native - 'react-native-elements' 有什么问题?

当我尝试在我的代码中使用“react-native-elements”包时,我遇到了这个错误:

捆绑失败:错误:无法react-native-vector-icons/FontAwesome从以下位置解析模块node_modules\react-native-elements\src\social\SocialIcon.js:在项目中找不到 react-native-vector-icons/FontAwesome。

我已经做了很多事情来修复它。我再次安装了“react-native-vector-icons”,我使用了“rm ./node_modules/react-native/local-cli/core/fixtures/files/package.json”,但它们都不起作用。我应该怎么做才能克服这个问题?我真的很感谢你们的帮助。