Comments (9)
from flutter_chat_ui.
Hey! How do you send your image exactly?
from flutter_chat_ui.
Hey! How do you send your image exactly?
Hi @demchenkoalex
I used the Bubble Builder and in the condition i use the imagemessage
else if (message is types.ImageMessage)
{
return Bubble
(
child: Stack
(
alignment: AlignmentDirectional.topEnd,
children:
[
Column
(
children:
[
Image.network
(
message.uri,
fit: BoxFit.cover,
),
],
),
Positioned
(
bottom: 0,
right: 8,
child: Text
(
formattedDateTime,
style: const TextStyle
(
fontSize: 10,
color: Colors.grey,
),
),
)
],
),
);
}
from flutter_chat_ui.
Hey! How do you send your image exactly?
using the send_media(path,mediatype ) function has my API so that url is used on the Bubblebuilder to display the ImageMessage()
from flutter_chat_ui.
Without Using the BubbleBuilder also it gets the empty bubble on the screen image is not rendering why it happening and is there any issue
gets ERROR like this
Another exception was thrown: BoxConstraints has a negative minimum width.
Another exception was thrown: RenderBox was not laid out: _RenderEditableCustomPaint#7c30b NEEDS-LAYOUT NEEDS-PAINT
from flutter_chat_ui.
does example
work for you? I have predefined messages json that contains some network images - https://github.com/flyerhq/flutter_chat_ui/blob/main/example/assets/messages.json
I understand that you just use Image.network
with some URL that your backend returns? maybe you have an example URL I could use to pass it to the network image, see if it works?
from flutter_chat_ui.
it comes crtly but in the UI gets empty bubble gets go back and return gets image rendering from the result.path is not crty doing ? on photo
but i have used the BubbleBuilder() to used
if textmessage
else if imagemessage
else if filemessage
else return container()
from flutter_chat_ui.
you also said that without bubble builder image is not rendering.. can you give me an example URL for the image and I will see?
from flutter_chat_ui.
http://localhost/demo/public/uploads/media//2024/3/4/1709553397.jpg
this is the message.uri url
from flutter_chat_ui.
Related Issues (20)
- While scrolling every message in the chat is rebuilt which is causing performance issues HOT 3
- when trying to send Video Message it successful but the video is invisible HOT 3
- Samsung Keyboard Delete message bug HOT 1
- Padding of text HOT 2
- Transparent `customBottomWidget` HOT 3
- PopScope and TextScaler aren't found HOT 1
- How do I stream messages like chatgpt? HOT 3
- How to copy and paste the image to inputbox and send images? HOT 1
- Unresolved Chat class
- Janky scroll on chat list HOT 3
- Update on V2 release and checklist HOT 3
- message.copyWith(status: types.Status.status) does not working
- Using ChatList Component as a Standalone Widget HOT 1
- messageList.insert(0, message) always shows incoming messages as my own. HOT 3
- flutter build web --wasm failed due to RangeError HOT 8
- Alternative input options (instead of text input) for a chat game HOT 2
- How do I make message that links to another page HOT 1
- The argument type 'ScrollController' can't be assigned to the parameter type 'AutoScrollController?'.
- the send button doesnt appear on my phone till i press symbols or space also in my emulator but it works perfectly with the pc keyboard on the emulator HOT 8
- Chat image HTTP request failed. Change its text HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flutter_chat_ui.