Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[messaging]: image not showing in iOS notifications #16877

Open
1 task done
ayyuby26 opened this issue Dec 14, 2024 · 7 comments
Open
1 task done

[messaging]: image not showing in iOS notifications #16877

ayyuby26 opened this issue Dec 14, 2024 · 7 comments
Labels
Needs Attention This issue needs maintainer attention. platform: ios Issues / PRs which are specifically for iOS. plugin: messaging type: bug Something isn't working

Comments

@ayyuby26
Copy link

ayyuby26 commented Dec 14, 2024

Is there an existing issue for this?

  • I have searched the existing issues.

Which plugins are affected?

Messaging

Which platforms are affected?

iOS

Description

when I have done the notification image setup on iOS from this tutorial https://firebase.google.com/docs/cloud-messaging/flutter/receive#display_images_in_notifications_on_ios, I can receive messages properly, but the images do not appear, to send messages I use the firebase messaging console, and enter the image url with a size of 40KB which is successfully displayed in the notification preview on the right side of the firebase console

Reproducing the issue

  1. create a new flutter project
  2. do the setup as in the tutorial

Firebase Core version

3.8.1

Flutter Version

3.27.0

Relevant Log Output

No response

Flutter dependencies

Expand Flutter dependencies snippet
Dart SDK 3.6.0
Flutter SDK 3.27.0
reproduce_setup_image_notif_ios 1.0.0+1

dependencies:
- cupertino_icons 1.0.8
- firebase_core 3.8.1 [firebase_core_platform_interface firebase_core_web flutter meta]
- firebase_messaging 15.1.6 [firebase_core firebase_core_platform_interface firebase_messaging_platform_interface firebase_messaging_web flutter meta]
- flutter 0.0.0 [characters collection material_color_utilities meta vector_math sky_engine]

dev dependencies:
- flutter_lints 5.0.0 [lints]
- flutter_test 0.0.0 [flutter test_api matcher path fake_async clock stack_trace vector_math leak_tracker_flutter_testing async boolean_selector characters collection leak_tracker leak_tracker_testing material_color_utilities meta source_span stream_channel string_scanner term_glyph vm_service]

transitive dependencies:
- _flutterfire_internals 1.3.47 [collection firebase_core firebase_core_platform_interface flutter meta]
- async 2.11.0 [collection meta]
- boolean_selector 2.1.1 [source_span string_scanner]
- characters 1.3.0
- clock 1.1.1
- collection 1.19.0
- fake_async 1.3.1 [clock collection]
- firebase_core_platform_interface 5.3.1 [collection flutter flutter_test meta plugin_platform_interface]
- firebase_core_web 2.18.2 [firebase_core_platform_interface flutter flutter_web_plugins meta web]
- firebase_messaging_platform_interface 4.5.49 [_flutterfire_internals firebase_core flutter meta plugin_platform_interface]
- firebase_messaging_web 3.9.5 [_flutterfire_internals firebase_core firebase_core_web firebase_messaging_platform_interface flutter flutter_web_plugins meta web]
- flutter_web_plugins 0.0.0 [flutter characters collection material_color_utilities meta vector_math]
- leak_tracker 10.0.7 [clock collection meta path vm_service]
- leak_tracker_flutter_testing 3.0.8 [flutter leak_tracker leak_tracker_testing matcher meta]
- leak_tracker_testing 3.0.1 [leak_tracker matcher meta]
- lints 5.1.0
- matcher 0.12.16+1 [async meta stack_trace term_glyph test_api]
- material_color_utilities 0.11.1 [collection]
- meta 1.15.0
- path 1.9.0
- plugin_platform_interface 2.1.8 [meta]
- sky_engine 0.0.0
- source_span 1.10.0 [collection path term_glyph]
- stack_trace 1.12.0 [path]
- stream_channel 2.1.2 [async]
- string_scanner 1.3.0 [source_span]
- term_glyph 1.2.1
- test_api 0.7.3 [async boolean_selector collection meta source_span stack_trace stream_channel string_scanner term_glyph]
- vector_math 2.1.4
- vm_service 14.3.0
- web 1.1.0

Additional context and comments

repo for reproduce: https://github.com/ayyuby26/reproduce_firebase_messaging

@ayyuby26 ayyuby26 added Needs Attention This issue needs maintainer attention. type: bug Something isn't working labels Dec 14, 2024
@SelaseKay SelaseKay added plugin: messaging platform: ios Issues / PRs which are specifically for iOS. labels Dec 16, 2024
@SelaseKay
Copy link
Contributor

Hi @ayyuby26, thanks for the report. I’m unable to reproduce the issue on my end. Just to confirm, are you saying that you’re receiving the notification, but the image you uploaded to the Firebase console isn’t displaying as part of it? If that’s correct, have you tried using different images to see if the issue persists?

@SelaseKay SelaseKay added blocked: customer-response Waiting for customer response, e.g. more information was requested. and removed Needs Attention This issue needs maintainer attention. labels Dec 16, 2024
@ayyuby26
Copy link
Author

Hi @SelaseKay, I have tried changing the image but it still doesn't appear in the notification, I want to share a reproduction project to see what information needs to be hidden?

Hi @ayyuby26, thanks for the report. I’m unable to reproduce the issue on my end. Just to confirm, are you saying that you’re receiving the notification, but the image you uploaded to the Firebase console isn’t displaying as part of it? If that’s correct, have you tried using different images to see if the issue persists?

@google-oss-bot google-oss-bot added Needs Attention This issue needs maintainer attention. and removed blocked: customer-response Waiting for customer response, e.g. more information was requested. labels Dec 16, 2024
@SelaseKay
Copy link
Contributor

That would be very helpful.

@SelaseKay SelaseKay added blocked: customer-response Waiting for customer response, e.g. more information was requested. and removed Needs Attention This issue needs maintainer attention. labels Dec 16, 2024
@ayyuby26
Copy link
Author

That would be very helpful.

here is the reproduction repo https://github.com/ayyuby26/reproduce_firebase_messaging

@google-oss-bot google-oss-bot added Needs Attention This issue needs maintainer attention. and removed blocked: customer-response Waiting for customer response, e.g. more information was requested. labels Dec 16, 2024
@SelaseKay
Copy link
Contributor

IMG_1161

Hi @ayyuby26, it seems to be working perfectly on my end, as shown in the image above.

@SelaseKay SelaseKay added blocked: customer-response Waiting for customer response, e.g. more information was requested. and removed Needs Attention This issue needs maintainer attention. labels Dec 17, 2024
@ayyuby26
Copy link
Author

Why doesn't mine show an image?

Screenshot 2024-12-18 at 00 23 50

WhatsApp Image 2024-12-18 at 00 25 22

@google-oss-bot google-oss-bot added Needs Attention This issue needs maintainer attention. and removed blocked: customer-response Waiting for customer response, e.g. more information was requested. labels Dec 17, 2024
@ayyuby26
Copy link
Author

hi @SelaseKay can you make a video tutorial? i'm afraid there is a config that hasn't been set

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Needs Attention This issue needs maintainer attention. platform: ios Issues / PRs which are specifically for iOS. plugin: messaging type: bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants