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

react-native - 将时间前添加到 React Native Elements ListItem

我曾经React Native Elements ListItem渲染我的FlatList. 我想在标题所在的同一行设置 timeago 文本(例如:20 Minutes Ago)。但是当我将字幕行数设置为 5 时,timeago 文本会出现在字幕行中。我怎样才能解决这个问题?

0 投票
0 回答
113 浏览

react-native - 由于旧的 react-native-vector-icons 版本,无法构建 react-native-elements

Google 最近删除了旧的 gradle 存储库,这削弱了某些存储库的旧版本,包括 6.1 版之前的 react-native-vector-icons。

react-native-elements 库使用该库的 4.4.2 版本。是否有一种优雅的方式(即除了手动修改 node_modules 中的 repo 的内容)来克服这个问题,而无需等待 react-native-elements 的新版本?

0 投票
0 回答
242 浏览

react-native - TouchableNativeFeedback onLongPress radius not affected

I use TouchableNativeFeedback to show a nice ripple effect on Android, I use a <View> wrapper over TouchableNativeFeedback to solve a borderRadius problem on it (See here: react native elements issue).

When I perform a longPress, then the borderRadius fix does not have any affect.

Border radius during long press

0 投票
3 回答
10899 浏览

react-native - 来自 React-native-elements/fontAwesome 的图标未显示

我正在为抽屉项目和 headerLeft 设置图标。但图标没有出现在我的 android 应用程序中。我正在使用react-native-elements库在我的代码中使用图标。图标类型是字体真棒。我已经特别提到了图标的类型。

我已经尝试了所有命令,例如react-native link并成功链接了所有库,但没有任何效果。

MainComponent.js

包.json

我希望出现图标,但根本不出现。

0 投票
1 回答
122 浏览

react-native - 当列表中有短暂的触摸时,onPress 立即在 ListItem 中触发

React Native Elements 版本 - 0.19.1,React Native - 0.57.8

我一直在使用 React Native 元素来构建设置屏幕,并且效果很好。但是,我已经使用卡片和列表项在卡片视图中显示列表视图。这是卡片视图中列表视图的代码。

并且列表正确呈现,实际问题是当我进行滑动或滚动或其他操作时,onpress 会立即触发。换句话说,如果我在列表视图上进行自然滚动,第一项将触发。如何将按下事件延迟 0.5 秒。当我使用 onLongpress 时,它可以正常工作,但至少需要 1 秒以上才能工作。我试图减少 longpres 的持续时间,但似乎没有用。

我现在应该做什么,有什么方法可以将 onpress 事件延迟几毫秒,或者如何将 onlongpress 减少 0.3 或 0.4 毫秒,这将与正常用户使用或触摸相匹配。

0 投票
1 回答
940 浏览

react-native - react-native-elements,帮助在 FormInput 中居中输入文本

我正在使用来自react-native-elements 的表单,并希望将输入文本居中。我试过了,alignSelf: 'center'flex: 1, justifyContent: 'center', alignItems: 'center'没有任何运气。所有文本继续保持左对齐。

一个

JFYI,我正在调整inputStyle prop

0 投票
1 回答
286 浏览

react-native - 不变违规:元素类型无效:期望字符串或类/函数,但得到:未定义。

开发人员,

帮助。我在下面遇到了这个错误,我一直在倾注它试图找到问题,但就是看不到它!这里有什么问题?它似乎源于从 146 到 236 的代码。

不变违规:元素类型无效:需要一个字符串(对于内置>组件)或一个类/函数(对于复合组件)但得到:>未定义。您可能忘记从 > 定义的文件中导出组件,或者您可能混淆了默认导入和命名导入。

0 投票
1 回答
819 浏览

react-native - react-native-elements 的表单组件导致“不变违规”错误

我正在使用此处指示的示例, 但它会引发Invariant Violation: element Type is invalid: expected a string 错误页面。

按钮组件工作正常,但表单组件不知何故会导致此问题,

任何人以前使用过 react-native-elements 的表单组件并且知道如何修复它?

这里代码:

包.json:

0 投票
1 回答
24103 浏览

javascript - React Native:文本和图标内联

我正在尝试将一个图标和一个内联文本对齐,并将文本向左对齐,将图标向右对齐...

这就是它目前的样子: 在此处输入图像描述

但是,我想让文本左对齐,图标右对齐,并且两者都在相同的高度上......

到目前为止我的代码:

我还尝试使用 react native 元素并使用左右元素,但是,在这种情况下,图标和文本不是内联的......

你们有什么想法吗?

0 投票
1 回答
989 浏览

react-native - 如何在 TouchableOpacity onPress 上更改卡片的背景颜色

在 TouchableOpacity使用Card元素 。

当我按下它时,卡片背景颜色太烦人了 wrt 不透明度。

当我删除 borderRadius时,这个问题不会发生

当我使用borderRadius时 ,会出现这个问题

我已经看到了我正在使用的所有组件的道具,但对我没有任何帮助。

问题:

当我在 Card containerStyle 中使用borderRadius 时,TouchableOpacity 颜色与 Card 颜色不匹配。大约相反。

我怎样才能给出相同的颜色,所以当按下卡片时,没有显示卡片白色背景颜色?

组件.js

样式.js

实际输出

实际输出

期望的输出

预期产出