问题标签 [tinder]

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 投票
2 回答
191 浏览

arrays - 如何使用功能性 react-native 从 PanResponder 中删除第一张卡?

我正在学习 react-native,是的,我是初学者,我想制作类似 Tinder 的应用程序,但我遇到了一个问题,即无法刷第一张卡(意味着无法移除第一张卡)。这些代码没有错误消息。我尝试了一些解决方案,但仍然无法工作。请有人帮助我获取这些代码。

这些都是功能性的本机反应。请帮我解决问题,非常感谢。

0 投票
2 回答
664 浏览

javascript - 如何在 React.js(描述中的沙盒)中制作功能性的火种风格卡片?

目前,我正在使用一个名为 react-swing 的库(https://www.npmjs.com/package/react-swing),它基于库 Swing(https://github.com/gajus/swing)。这两个库都允许您创建可刷卡的火种卡。目前我可以刷掉组件并控制台记录刷卡的方向,但我很难理解如何在刷卡时实现功能。理想情况下,我希望将已刷卡的卡放在“包装”的背面,这样您就可以再次循环浏览它们,但我正在为这个功能而苦苦挣扎,有什么建议吗?

代码:

沙箱(根据要求我设置了一个沙箱希望有人可以帮助我!): https ://codesandbox.io/s/sleepy-sunset-jqjst?file=/src/App.js

0 投票
1 回答
129 浏览

algorithm - 用于查找多个坐标(纬度/经度)动态和静态之间距离的算法

我正在 Flutter 中制作一个应用程序,它将具有一些混合功能,例如分类应用程序/Tinder。我需要一个关于如何实现这一点的逻辑或一些建议。请耐心听我的解释。

用例: 用户 A:发布关于出售他的电视的广告并将他的地址添加到广告中 -(经纬度) 用户 B:在同一个应用程序中,他正在寻找电视广告,但他将搜索半径设置为 5 公里。(我们从他的设备中获得了用户 B 的位置。纬度/经度)

  • 现在在我的 items_db 表中,电视广告信息与位置一起保存
  • 向用户 B 显示他附近的电视;我可以计算项目和用户之间的距离(使用 Google APi)
  • 但是为了向他展示他附近的所有电视,我必须首先计算用户与 Classified/items_db 中所有可用项目之间的距离,以找出其中有多少实际上在他应用的 5km 过滤器下。
  • 现在我们谈论的是 1 个用户:但是如果我有 1000 个用户,那么我将不得不计算所有项目与所有用户位置之间的距离,然后只向他显示那些在他们指定范围内的项目(即 5 公里或 10公里)

这似乎太大或太糟糕,无法像那样实施。所以我的问题是我们如何做到这一点?


如果这还不够清楚,请在此处使用 Tinder 作为示例:

当我在 Tinder 中选择“仅显示 2 公里半径内的人”时。那么 Tinder 是如何知道这一点的呢?我的意思是为了弄清楚谁在2公里之外;他们首先必须计算所有可用用户的距离,以便查看哪些可以显示给符合 2 公里标准的最终用户!那里是怎么做的?

0 投票
2 回答
50 浏览

android - android图像水平堆叠在一起

在此处输入图像描述

我想显示这样的图像,就像堆叠在一起一样,我如何动态地实现这种类型的设计

0 投票
8 回答
66103 浏览

javascript - 无法解析依赖树 Reactjs

我正在尝试在我当前的项目中安装 react-tinder-card。所以我正在尝试安装 react-tinder-card 但是在我使用命令之后

npm install --save react-tinder-card

我在控制台中只能看到:

当我打开 debug.log 文件时,我发现了这个:

我不明白那是什么意思。请帮我找到解决方案。任何形式的帮助将不胜感激。先感谢您。

0 投票
0 回答
45 浏览

angular - 带有服务的离子角滑动

我正在尝试实现一个刷卡功能,我可以在其中使用服务的数据。但我不工作。如果我在页面中创建自己的数组,它通常可以工作。

到目前为止,这是我的代码。我是角度和离子的新手。我引用有什么问题吗?

我什至尝试在事件中添加 console.log 以查看它在哪个步骤不起作用。但是当我签入谷歌浏览器的开发工具时,它没有显示任何内容。

如果我使用这种数组,它可以工作:

];

@ViewChildren(IonCard, { read: ElementRef }) 卡片:QueryList;

提前感谢,江

0 投票
0 回答
28 浏览

reactjs - 我正在制作一个类似火种的应用程序。我无法将数据库信息链接到我的 addToFavorite 函数,然后将它们发送到收藏页面

//数据库是硬编码的,看起来像这样:

常数分贝=[

];

//那么函数就是:

//链接到like按钮:

//当我点击一切都是空对象时->图像: 控制台输出是空对象

0 投票
2 回答
74 浏览

android - 我的“MainActivity”不断崩溃。我不知道是我的代码、数据库设置还是其他原因

我在使用教程要求的新更改来处理我的应用程序时遇到问题。我完全遵循了编码规则(新版本的新“快照”条目除外),但我的“MainActivity”一直在崩溃。用户仍在身份验证中注册,但在数据库中并没有像我希望的那样注册它们。我当前的数据库设置

错误控制台指向'DatabaseReference userDb = usersDb.child(user.getUid());' 作为崩溃的原因。我认为数据库可能有问题,因为不完全清楚如何设置它。如果有新的编码建议可以解决这个问题,或者我是否遗漏了数据库设置中的某些内容,请告诉我。请帮忙。

这是我正在关注的教程的链接:https ://www.youtube.com/watch?v=RagA8g9A5Qc&list=PLxabZQCAe5fio9dm1Vd0peIY6HLfo5MCf&index=17

日志猫

2021-03-10 15:48:00.438 9915-9915/com.bendes.tinder2 I/Process:发送信号。PID:9915 SIG:9

0 投票
0 回答
60 浏览

firebase - 使用 Firebase 在约会应用程序中限制用户搜索的成本和加载时间

我正在使用FlutterFirebase构建一个约会应用程序,我非常关心加载时间和成本,搜索用户的最佳方式是什么?
我应该使用具有限制和 startAfter 的用户流或集合快照吗?
单个用户表还是基于数据的多个表?
我应该在前端做哪些检查?
有关数据结构的任何示例或提示?

我正在过滤性别、已匹配或拒绝的用户和位置

我知道没有一个明确的答案,我只是想听听一些想法,即使是一个问题,因为我一个人在这个问题上,考虑到 Firebase 的所有限制(比如 whereNotIn 限制为 10)

谢谢

0 投票
0 回答
101 浏览

sqlite - Tinder 如何处理来自服务器的大量响应和请求?

我目前正在构建一个约会应用程序,例如 tinder 用于学习目的。在我的应用程序中,前端我使用颤振,后端我使用 GO 和 postgres。加载应用程序的主页后,我使用 api 调用从服务器数据库中获取所有配置文件并将它们存储在配置文件列表中。目前,我有 14 个配置文件,所以我的列表大小是 14。我确实向右滑动和向左滑动。每次向左滑动和向右滑动后,我都会向服务器发出请求,以在 table 中输入 /dislike、from_whom 和 to_whom 之类的条目。我的问题是

  1. 假设如果我有 200 个配置文件,我应该一次从服务器获取多少个配置文件
  2. 使用列表将获取的配置文件信息存储在移动设备中是否很好,或者我应该使用其他一些机制,如 sqlite
  3. 每次向右滑动和向左滑动后,我都会更新服务器数据库,如果我移动到应用程序中的另一个页面并返回,我也会得到一些滑动图像。我将其解释为,那几张刷过的图像并未像刷过一样在服务器端更新。

我了解了 Whatsapp 系统设计,他们在移动设备中使用 sqlite。我想知道,tinder 是否也使用 sqlite,以及他们使用什么机制来同步刷卡请求和“刷卡”配置文件的服务器端更新。