问题标签 [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 投票
1 回答
1404 浏览

react-native - 带有图像的卡片组件不完全适合卡片

带有图像道具的卡片组件的底部空间。

我正在尝试展示一些带有图像的卡片,但无法删除卡片底部的空白。我想图像以适合容器(卡)。我也尝试在 Card 组件中使用单独的 Image 组件,但没有运气。我尝试使用 react devTools 进行调试,但是当我在开发工具中展开 Card 元素说“文本的高度和宽度无效”时,它总是崩溃。

我已经使用此代码来渲染带有图像的卡片:

组件渲染如下(图像下方的空白区域)

在此处输入图像描述

0 投票
1 回答
1564 浏览

native-base - 我可以使用带有原生基础的反应原生元素 UI 吗?

我有一个项目主要编写 Native Base 组件。但在某些情况下,我想使用 React Native Elements。我只想知道是否可以单独使用它们。

对于某些组件,我将只使用像 Avatar 组件这样的 React Native Elements。不是将它们一起导入,我的意思是只有一个 UI 工具包。

0 投票
1 回答
957 浏览

react-native - 使用表单时出错:元素类型无效,预期字符串但未定义

我有以下错误

未捕获的不变违规:元素类型无效:需要一个字符串(对于内置组件)或一个类/函数(对于复合组件),但得到:未定义。您可能忘记从定义的文件中导出组件

我已经阅读了很多关于这个错误的帖子,比如这个这个 ,但他们都说同样的:我错误地导出了我的组件。但我不明白我的出口出了什么问题

和 App.js :

你知道什么是错的吗?只有当我使用 FormInput 和 FormLabel 时才会出现错误。如果我用你好替换它会显示

0 投票
2 回答
829 浏览

react-native - 图像未显示或覆盖 react-native-element 卡片组件中视图的整个可用区域

我想从 react-native-elements 设置一张卡片,它有一张图片和卡片的标题。我希望图像占据视图中可用的整个宽度并调整高度以保持纵横比。所以基本上我既没有高度也没有宽度。

据我了解,图像组件需要高度/宽度道具。但是设置它不会使其响应。我用 flex 尝试了一些东西,但它不起作用

图片未显示

0 投票
1 回答
2523 浏览

javascript - 我正在使用 react-native-elements 创建一个复选框列表。如何一次只检查一个框?

我正在制作一个复选框列表,但是当我按下一个复选框时,它会检查所有复选框。我想一次选择一个。

我尝试了 react-native-elements 1.1.0 文档中的示例代码以及其他人的示例,但我找不到解决方案。

我想一次选择一个复选框(选择我按下的复选框,而不是一次选择所有复选框)。

0 投票
1 回答
683 浏览

javascript - ListItem 中的 React-Native Switch 始终未选中

我有一个要在 FlatList 中显示的对象列表。列表项还应该有一个选择或取消选择条目的开关。但是每次我单击开关时,状态都保持未选中状态。我不知道这是 ListItem 组件的错误还是我的代码中的错误。onValueChange 事件被正确触发,但似乎在更改状态或数据集未更新后 FlatList 未重新呈现...

这是我的课程:

0 投票
1 回答
3394 浏览

javascript - 在 React Native Elements ListItem Buttons 周围填充(根据文档)

在 ListItem 的 React Native Elements 文档(https://react-native-training.github.io/react-native-elements/docs/listitem.html#linear-gradient-scale-feedback)中, ListItem 的按钮之间有填充它们是圆形的。

但是,当我尝试执行以下操作(直接来自文档)时,它不会产生相同的样式:

此外,我尝试添加垫和分隔道具,但这不会产生正确的外观。

如何为单个 ListItem 组件设置样式以匹配此样式?

0 投票
3 回答
1904 浏览

react-native - 删除连续 2 个按钮之间的空格

我连续有 2 个按钮位置,如下所示:

在此处输入图像描述

我想删除两个按钮之间的空间,并将它们并排排列成这样:

在此处输入图像描述

我怎样才能做到这一点?

我的代码:

我在用import { Button } from "react-native-elements";

0 投票
1 回答
219 浏览

react-native - 如何设置不换行的字幕

如何设置字幕不换行,我找不到设置字幕行不换行的道具。

0 投票
2 回答
1750 浏览

react-native - react-native-elements,按钮边距未生效

marginTop: 15应用属性后,我遇到了一个问题,即按钮上方有一个白色阴影。

发生这种情况是因为buttonStyle将样式应用于内部View,并且由于高程(阴影)应用于外部View,因此您基本上可以在外部创建“填充” View

我期待它以如下方式解决,如下所示:

但是marginTop: 15现在对按钮没有影响。我不确定在这里还能做什么。