问题标签 [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.

0 投票
3 回答
1247 浏览

react-native - 在标题 react-native 后面添加图像

我想用刷卡器在标题后面添加多个图像。我尝试使用Native-baseand来实现这个react-native-swiper。但是,结果如下。

在此处输入图像描述

以下是我的代码

我想修复标题,这样它就不会与图像一起滑动。谁能帮我这个?提前致谢。

0 投票
1 回答
3209 浏览

javascript - 如何使用 flatlist 集成 react-native-swiper

我试图集成 react-native-swiper,它会在其中加载视频。我正在寻找一种将其与平面列表集成的方法。但是数据没有正确加载,有没有其他方法可以使用平面列表加载数据(使用array.map())

使用 npm 包:react-native-swiper https://www.npmjs.com/package/react-native-swiper

0 投票
1 回答
1255 浏览

react-native - react-native-deck-swiper 错误是 TypeError: undefined is not an object (evalating 'cards.length')

参考https://snack.expo.io/rJBRhOLU-创建

在此处输入图像描述

  • 我该如何解决?
  • 我将代码更改为contact-native-check-swiper 以写回按钮,因为在编写现有的默认基础checkwiper 时它没有变成后退按钮。
  • 欢迎任何答案。请多多帮助我。
0 投票
1 回答
287 浏览

react-native - 滑动时如何做弹性动画?

我正在使用 react-native-swiper 设置一个带有 4 个屏幕的登机屏幕。滑动时,我需要弹性动画,但我无法做到。从过去三天开始,我也浏览了许多教程和 npm 包,但无法获得解决方案。

我需要这样的动画

任何建议表示赞赏

0 投票
1 回答
2256 浏览

reactjs - React Native swiper 在 iOS 的 StackNavigator 中不起作用

在我的应用程序中,我有Login ScreenForgotPassword ScreenSignUp Screen。在注册屏幕中,我使用了react-native-swiper来显示注册过程的三个步骤的幻灯片。我在 StackNavigator 中封装了这些屏幕,并将这个StackNavigator渲染为我的App.js中的根组件。

这是我的StackNavigator

路由器.js

应用程序.js

注册.js

但是,问题是当我从登录屏幕导航到注册屏幕this.props.navigation.navigate('SignUp')Swiper组件在注册屏幕上没有显示任何内容。它只是空白。对于android它可以正常工作,对于IOS它不工作。

另外需要注意的是,如果我只是将注册屏幕呈现为App.js中的根,那么它可以正常工作。

而且,如果我在StackNavigator中将注册屏幕设置为初始屏幕,那么它也可以正常工作。

请任何人帮助我这里出了什么问题?

0 投票
1 回答
1529 浏览

react-native - react-native-swiper scrollBy()

我会先说我对本机反应很陌生。我正在创建一个使用 react-native-swiper 滑动三个屏幕的应用程序。滑动功能有效,但是,我想在每个页面上包含两个按钮,允许用户跳转到其他两个屏幕(从文档中可以使用 scrollBy())。

我读到必须创建对 swiper 的引用才能访问该方法,但我不确定如何从每个屏幕组件中访问它,或者如何向下传递该引用。同样,我对本机反应非常陌生,并试图了解它是如何工作的。

在每个组件中,我都导入了用于导航到其他屏幕的按钮。在父类中,我创建了一个引用。

家长班:

组件内部使用的按钮之一:

我假设我需要做的就是将引用传递给组件,然后传递给按钮,以便允许 onPress() 使用 scrollBy() 方法导航到正确的屏幕。

0 投票
1 回答
1503 浏览

react-native - React Native 中如何实现滑动访问不同的导航界面?

我正在尝试构建一个类似于 Snapchat 界面的界面,您可以在其中向左/向右/向上滑动以访问不同的屏幕/导航器。目前我正在使用 DrawerNavigator,但它有点笨拙,因为我在另一个 DrawerNavigator 之上使用了 DrawerNavigator。

有没有人对最好的方法有好的建议?

谢谢!

0 投票
1 回答
433 浏览

react-native - 无效的解构不可交互实例的尝试

我正在尝试在 react-native-swiper 中做一个简单的地图。所以我用这个:

但是有了这个,我得到了这个错误:

解构不可迭代实例的无效尝试

经过研究,我不知道问题出在哪里。

0 投票
0 回答
269 浏览

react-native-android - React-Native-Swiper 图像仅在 ANDROID 上溢出

我对 Android 上的 react-native-swiper 有问题。相同的代码适用于 iOS!

下面是正在发生的事情的图像:

在此处输入图像描述

蓝色区域应该是一个正方形,所有图像都应该在其中。像这样的东西(我在这里只渲染一张图片):

在此处输入图像描述

这就是我的代码的样子:

0 投票
2 回答
945 浏览

javascript - 如何访问本地 JSON 数组中的图像

//这里我想渲染我的照片

//现在我的问题是我如何访问这些图像,我尝试了 Require 和 uri,,,