问题标签 [react-native-elements]

使用 create-react-app 启动了一个项目。安装 react-native：“^0.57.8”，react-native-elements：“^0.19.1”和 react-native-vector-icons：“^6.1.0”。能够在项目中使用 react-native-elements 中的组件。

当我运行时，npm start我得到下面粘贴的错误代码。我已经阅读了 react-native-elements 文档，但似乎找不到任何可以帮助我的东西

我想在本机反应中创建一个自定义卡，这让我对使用视图感到困惑。

我试图按照教程制作一张卡片，但由于它非常令人困惑，所以我没有得到任何结果。下图是我想要实现的。

这就是我所拥有的

试图制作卡片

这是我期望得到的

这就是我所期望的

我正在尝试列出我使用 FlatList 从 api 获取的数组，但它没有显示任何内容。我在打印时交叉检查了它包含元素的数组。

所以在平面列表组件中，我怀疑问题出在 renderItem 道具上。

我的回应是：

我需要在屏幕上显示列表。任何帮助表示赞赏

执行时向我发送以下错误，您知道我做错了什么吗？我使用了发布的代码

不变违规：元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查 FlatListDemo 的渲染方法。

此错误位于：在 FlatListDemo (at withExpoRoot.js:22) in RootErrorBoundary (at withExpoRoot.js:21) in ExpoRootComponent (at renderApplication.js:34) in RCTView (at View.js:44) in RCTView (at View.js:44）在 AppContainer 中（在 renderApplication.js:33）

node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:5630:10 在 createFiberFromElement node_modules\react-native\Libraries\Renderer\oss\ReactNativeRenderer-dev.js:9710:8 在 reconcileSingleElement ... 21来自框架内部的更多堆栈帧

我想手动关闭工具提示，但 react-native-elements 站点上没有文档。

所以我查看了来自 github 的工具提示代码，并注意到它有一个 toggleTooltip 功能来切换。不幸的是，我无法让它工作。

这是工具提示的示例代码

ComponentTest 的示例代码

这是我正在尝试使用的 tooltip.js 中的功能。工具提示的完整代码可以在这里找到https://github.com/react-native-training/react-native-elements/blob/master/src/tooltip/Tooltip.js

我有一个使用react-native-elements@1.0.0-beta5. 当我按照以下步骤操作时，应用程序的屏幕布局开始闪烁并且应用程序变得无响应：

1. 转到其中包含ListItem组件的页面。
2. 按主页按钮暂停应用程序。
3. 使用图标或从正在运行的应用列表恢复应用。

此问题仅发生在 iOS 设备中。

我已经尝试过的事情：

1. 升级react-native-elements到最新的稳定版本。目前是1.0.0.
2. react-navigation禁用路由器 ( )中的标题按钮。
3. 从应用程序中删除选项卡导航器。

附加信息：

1. 如果我删除该ListItem组件并改用 simpleView或 a Text，则不会发生此问题。
2. 即使将ListItem放置在屏幕目录中而没有 aList或FlatList.
3. 应用程序正在使用react-native@0.55.3. 由于重大更改，目前无法升级到最新版本。

有没有人遇到过类似的问题或指导我正确的方向来找到根本原因？

我有一个简短的表单，它有两个 FormInput 字段（来自 react-native-elements）。当触摸文本输入之外的屏幕上的任何位置时，我尝试使用几种方法来移除焦点（并隐藏键盘）。

我也试过

和这个方法

不幸的是，这些解决方案都不适合我。

我正在更新用户个人资料图片，并且能够看到数据库中的图像发生变化。我将图像的位置存储在个人资料图片中。我能够看到重新加载应用程序时发生的变化，并且能够立即看到 firebase 存储中的图像发生变化。

这是结构：

这是我用来更改图像的功能：

这是我渲染图像的方式：

我正在使用 redux 来管理状态，并认为它会自动重新渲染并更新个人资料图片的值。我在这里尝试了一切：

当我尝试添加这样的东西时，我根本没有得到图像，它显示为一个空白屏幕：

当我导航回我的消息列表时，我面临同样的问题/图片仅在我对应用程序进行硬重新加载时才会改变。

我正在尝试查看在触摸 FormLabel 设置的部分时是否可以设置焦点。

现在，当用户触摸 FormInput 部分时，焦点已设置。为了使 UX 更好，我还想在用户触摸输入字段的标题时调用光标。

在屏幕截图中显示了如何将 3 个点图标放在右上角，现在它在中心。

使用https://react-native-training.github.io/react-native-elements/docs/listitem.html

示例代码

基本上我希望将rightElement其放在顶部而不是中心