问题标签 [react-native-swiper]

问问题

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.

56 问题

0 投票

2 回答

1906 浏览

javascript - react-native Swiper 在模态中是空白的

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

哪个操作系统？

安卓

版本

您使用的是哪些版本：

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

实际行为

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

预期行为

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

如何重现它>

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

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

或我的代码

重现步骤

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

0 投票

1 回答

9841 浏览

reactjs - 状态更改时如何正确更新反应原生 swiper 组件？

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

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

下面是我的组件：

reactjs react-native swiper react-native-swiper

0 投票

1 回答

1866 浏览

react-native - 无法解决 react-native-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"
}

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

react-native react-native-swiper

0 投票

1 回答

181 浏览

reactjs - React Native：无法使用弹性框连续渲染组件

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

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

我在这里缺少什么吗？

reactjs react-native flexbox react-native-swiper

0 投票

1 回答

37 浏览

react-native - 像这样的可滑动列表控件如何使用 React Native 实现？

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

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

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

react-native react-native-android react-navigation react-native-navigation react-native-swiper

0 投票

2 回答

4223 浏览

react-native - react-native-swiper 奇怪的行为

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

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

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

react-native react-native-swiper

0 投票

2 回答

2770 浏览

reactjs - 用视差反应原生 swiper

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

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

reactjs react-native parallax react-native-swiper

0 投票

1 回答

1442 浏览