Code Monkey home page Code Monkey logo

Comments (9)

muthuremo avatar muthuremo commented on June 25, 2024 1

from flutter_chat_ui.

demchenkoalex avatar demchenkoalex commented on June 25, 2024

Hey! How do you send your image exactly?

from flutter_chat_ui.

muthuremo avatar muthuremo commented on June 25, 2024

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.

muthuremo avatar muthuremo commented on June 25, 2024

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.

muthuremo avatar muthuremo commented on June 25, 2024

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.

demchenkoalex avatar demchenkoalex commented on June 25, 2024

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.

muthuremo avatar muthuremo commented on June 25, 2024

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.

demchenkoalex avatar demchenkoalex commented on June 25, 2024

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.

muthuremo avatar muthuremo commented on June 25, 2024

http://localhost/demo/public/uploads/media//2024/3/4/1709553397.jpg

this is the message.uri url

from flutter_chat_ui.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.