如何在React JS中使用聊天气泡制作类似聊天的UI

文章/答案/技术大牛

发布

3回答

javascript、css、reactjs、material-ui、jsx

我不确定如何根据direction将聊天气泡放置在左侧和右侧。我正在使用Material UI和context API。参考图像。除了material UI之外，我不想使用任何库。 ? 目前，每个聊天气泡都位于左侧。如何根据direction定位气泡。目前为止的代码(CodeSandbox)： import React from 'react';

浏览 38提问于2019-09-30得票数 2

回答已采纳

1回答

如何从IOS中的元数据中获取任何网站的预览图像

ios、objective-c、xcode、uiimage、preview

我正在制作一个聊天应用程序和最近观察到的应用程序，如WhatsApp，Viber，Skype当发送任何链接时，聊天气泡从文本链接更改为带有链接的预览图像。有人能告诉我如何在IOS中实现它吗？

浏览 2提问于2016-02-24得票数 5

1回答

如何在气泡聊天react原生天赋聊天下呈现项目时间？

javascript、react-native、chat、react-native-gifted-chat

我使用React Native Gifted chat创建一个UI聊天，并希望在气泡聊天下呈现聊天时间和符号。我已经尝试使用渲染消息，但没有运气，请帮助。

浏览 5提问于2020-02-06得票数 3

回答已采纳

1回答

用于带有气泡聊天应用程序的JAVAFX风格的textArea

javafx

我正在用JAVAFX制作聊天应用程序，我希望聊天消息显示在气泡中。有人能给我解释一下怎么做吗？我知道我需要在3个图像中使用气泡-顶部，底部和中间，这取决于消息将有多少行。但这都是理论上的。我不知道如何在JAVAFX中的textArea上实现它。所以如果有人能帮我，我将不胜感激。

浏览 5提问于2014-10-21得票数 0

1回答

带有可调整大小的气泡的OS X聊天应用

objective-c、xcode、macos、chat

我正在为Mac构建聊天应用程序，类似于iMessage。我想知道，如何在气泡中实现可调整大小的文本视图。我的意思是，当我调整聊天窗口的大小时，带有文本的气泡会调整到。任何想法，链接都会非常有用。感谢您的帮助)

浏览 0提问于2016-12-09得票数 0

2回答

如何在其他android应用程序上打开一个泡沫？

android、android-animation

当你在玩一个应用的时候，该报警了！如果显示一个活动提醒你，它会打扰你！那么，如何在其他应用上打开一个泡沫来提醒你呢？

浏览 2提问于2016-03-14得票数 1

回答已采纳

8回答

在iPhone上创建一个“聊天泡泡”，就像推特一样

iphone、cocoa-touch

好奇的是，我是不是忽略了API中的某个地方，没有显示iPhone短信应用程序中的聊天泡泡类型的图像？有一些应用程序使用的气泡看起来与iPhone的气泡一模一样，我想知道它们是使用原生窗口小部件还是使用自己的图像。这也可以在Tweetie应用程序中看到，其中包含tweet的内容。

浏览 0提问于2008-12-09得票数 12

回答已采纳

1回答

如何在点击气泡触摸时删除消息？React原生天才聊天库

react-native、chat、react-native-gifted-chat

我使用gifted聊天库在React Native中开发了聊天视图。但我想在点击聊天气泡时执行删除操作。我尝试了自定义的renderCustomView，lightboxProps和onLongPress道具，但都不起作用。

浏览 10提问于2019-05-23得票数 0

1回答

在图像周围紧密配合div

html、css、css-position、positioning

我正在努力使一个聊天应用程序，需要聊天气泡紧密适合他们的内容。它适用于文本，但当我在气泡中有一个图像时，它就会出现问题。下面是我正在使用的HTML <img src="{{image.location}}" style="width:50%;"><span class="msgDate">

浏览 3提问于2016-05-03得票数 0

1回答

我可以建立一个机器人使用Facebook Messenger平台集成在我自己的网站上，还是它只在FB Messenger上有一个FB页面？

facebook、chatbot、facebook-chatbot

我是聊天机器人的新手。我想问，如果我可以建立一个机器人使用Facebook Messenger平台集成在我自己的网站上，还是它只在FB Messenger上有一个FB页面？像api.ai可以集成到不同的平台上，那么bot构建的Messenger平台可以集成到不同的平台上吗？如果是，你可以分享教程的链接吗？

浏览 0提问于2017-07-21得票数 2

1回答

如果没有iphone中的聊天泡泡，我怎么能在没有特定部分的情况下投射一个手机背景图像呢？

iphone、ios、ipad

我在iPhone中有一个应用程序，它有一个类似于hangout iPhone应用程序的聊天UI。为此，我需要在每个不同高度的单元格中添加一个聊天气泡，比如背景图像。它在图像的末尾有一个圆头状的边缘，当我根据文字大小增加单元格的高度时，整个背景视图都在改变，但我只需要增加直线部分的高度，而不是鼻孔部分。这应该类似于iPhone中的

浏览 3提问于2013-07-25得票数 0

回答已采纳

1回答

如果聊天没有发送到服务器，如何使React Native Gifted Chat图标更改？

android、ios、react-native、chat、react-native-gifted-chat

我使用react原生天才聊天，我希望当用户无法将聊天发送到服务器时，气泡中的图标会发生变化？谢谢，请帮帮忙

浏览 18提问于2020-03-12得票数 0

回答已采纳

1回答

UITableViewController和性质不同的项

ios、swift、uitableview

例如，一列图像，或多行用户名，或类似的东西。然而，增加复杂性的部分是，如果有人在特定时间加入聊天提要，他们想要显示这一点。下面是一个示例：

浏览 40提问于2018-06-02得票数 -1

回答已采纳

1回答

使用React从头构建

node.js、reactjs、widget、chat、live

我正在尝试使用React.js和Node.js从头开始构建一个，并且想知道是否有人知道有什么资源或教程可以制作它呢？我正在尝试做一个，但我不想使用任何第三方应用，因为长期成本(每个人都有一个免费的试用，但它每月支付之后)，我会喜欢的指导经验，建设它。任何信息都有帮助！非常感谢你抽出时间。

浏览 0提问于2022-03-02得票数 1

1回答

电子天资聊天模块(反应本机)

react-native、electron、chat、react-native-gifted-chat

我正在建立一个聊天应用程序，像斯莱克使用电子，但react-native-gifted-chat是不支持电子。有没有任何解决方案来使用电子桌面应用程序中的天才聊天包？或任何其他软件包，以使

浏览 7提问于2022-03-24得票数 0

4回答

在有延迟的UITableView中插入行

ios、objective-c、iphone、uitableview

我有一个类似于聊天应用程序的UI，其中我需要以气泡的形式显示消息(UILabels)。我对包含标签的自定义单元格使用了UITableView。[tableView insertRowsAtIndexPath: withAni

浏览 0提问于2016-04-20得票数 0

1回答

使用多边形在UWP中创建聊天气泡

c#、.net、visual-studio-2015、uwp-xaml

我正在创建一个聊天应用程序，并想在UWP中创建聊天气泡使用多边形，它看起来像这样，如何在XAML中使用多边形使其表现出我想要的行为？

浏览 1提问于2017-05-15得票数 0

1回答

style = "right:0px“属性在IE9中不起作用？

javascript、css、jquery-ui、internet-explorer、jquery-plugins

我已经制作了一个聊天应用程序，在我屏幕的右下角有聊天窗口。在chrome，火狐，IE8，IE7中，它一如预期地保持在右下角。但仅在IE9中，聊天窗口就会被推到左下角。我不知道这是什么原因。我使用的聊天窗口插件是Jquery UI chatbox插件。代码包含以下语句，该语句定义聊天窗口的位置 <div class="ui<

浏览 0提问于2013-01-23得票数 2

1回答

如何为一对一聊天应用编写firestore规则？

javascript、reactjs、firebase、google-cloud-firestore、firebase-security

我用firebase和firestore为一个网站做了一个一对一的聊天应用。现在，我想为同样的问题编写firebase firestore规则。这个应用程序是这样工作的，如果用户是sandeyshc@gmail.com，那么用户就会得到聊天记录和好友gmails...then，用户可以通过聊天记录查看messages选项卡，并获得所有与聊天相关的详细信息

浏览 17提问于2021-05-23得票数 0

点击加载更多