问题标签 [react-native-swiper]

我使用 react-native 和 react-native-swiper

哪个操作系统？

安卓

版本

您使用的是哪些版本：

• react-native-swiper v1.5.13？
• 反应原生 v0.51.0

实际行为

我在里面显示了一个带有 swiper 的 Modal。我得到一个空白显示，只有刷卡器的按钮，而不是内容

预期行为

在模态框内显示滑动条的内容

如何重现它>

我尝试使用非常简化的代码版本来重现该错误

在小吃里试试 https://snack.expo.io/rk8rb3ZzM

或我的代码

重现步骤

1. 运行应用程序
2. 点击按钮“x modal”

我有一个使用react-native-swiper模块的反应原生组件。滑动器中的一张幻灯片包含在组件状态下设置的文本。在组件中，我还有一个带有表单的模态，当用户尝试从模态保存输入数据时，它会更改状态的文本。

问题是：在我当前的实现中，每次我保存新数据时，swiper 都会被拖到最后一张幻灯片，然后重新渲染幻灯片（这个过程很滞后）。所以我想知道更流畅地更新幻灯片的最佳方法是什么？

下面是我的组件：

反应原生的相对较新。发出以下命令来创建一个新的 react native 项目：

create-react-native-app SwiperExample
cd SwiperExample
npm install --save react-native-swipe- gestures

我修改了 App.js 并包含

从 'react-native-swiper' 导入 Swiper；

当我使用 npm start 进行测试时，出现以下错误：

无法从 "./C:\Users\sue\ReactNativeApps\SwiperExample\App.js" 解析 react-native-swiper"
无法构建 JavaScript 包

我的 package.json 包括以下依赖项

“依赖项”：{
“expo”：“^25.0.0”，
“react”：“16.2.0”，
“react-native”：“0.52.0”，
“react-native-swipe-gestures”：“^ 1.0.2"
}

有什么建议有什么问题吗？

我正在对 FlatList 中的项目使用 react-native-swipeout，每个列表项在文本的两侧都有一个“减号”和“加号”按钮（上图）。

但是，当将这些组件添加为 Swipeout 组件的子组件时，它们都堆叠在彼此的顶部和行的左侧（下图）。

我在这里缺少什么吗？

适用于 iOS 的 Yelp 应用程序设计为在您输入并发送搜索查询后，会出现如下内容：

该屏幕由背景中的地图控件组成，顶部的屏幕显示一个列表视图，您可以根据是否要查看列表/地图（分别）向上/向下滑动。

如何使用 React Native 完成这样的事情？例如，React Navigation 或 React Native Swiper 库会帮助我在地图控件上叠加一个列表视图吗？

在我的应用程序中，我使用 react-native-swiper 组件。最初它工作正常，但最近它有一个奇怪的行为。它有 5 个窗口，它像这样滑动。5-1-2-3-4-5-1

它滑动了 7 次，项目是这样的。从第一个开始。我可以向左滑动一次。向右滑动 5 次。就这样。

我该如何解决这个问题？我使用版本 1.5.6

有没有办法将react-native-swiper与react-naitve-parallax-scroll-view结合起来。我想在视差滚动的前景组件中呈现 swiper 组件的分页。默认情况下，react native swiper 的分页具有固定位置，当我滚动时，分页保持在屏幕上。我希望在向下滚动以隐藏时具有分页视差效果。分页应该在视差滚动视图的 renderForeground 中。

我找到了react-native-pagination但不知道如何在这种情况下实现。

我尝试使用这个库中的 swiper https://github.com/leecade/react-native-swiper

这是我的依赖项：

但是当我添加这段代码时import Swiper from 'react-native-swiper';

我的组件像：

即使我不使用它也会显示错误<Swiper />

错误：

检查我的终端错误显示：

不知道However, this package itself specifies a主要是什么module field that could not be resolved

我想不通。有什么我想念的吗？

任何帮助将不胜感激，在此先感谢。

我使用react-native-swiper并且我想在我的图像上方添加一个文本。

我尝试设置样式container image paragraph，它仍然无法正常工作。

我应该怎么做样式设置？

任何帮助，将不胜感激。提前致谢。

这是我现在的情况：

我希望它变成这样：

我一直在关注本教程https://www.youtube.com/watch?v=pgDOpIm6ozQ(#1 Snapchat UI Swipe Animation | React Native Layouts - Expo and Native Base)

但是，当我在博览会上运行它时，它只显示一个空白屏幕，我检查了是否存在与版本之间的兼容性有关的任何问题，但我没有发现任何东西 我的 Android 模拟器屏幕