search

cybex-dev / twilio_voice

Flutter Twilio Voice Plugin
https://twilio-voice-web.web.app/
MIT License
40 stars 86 forks source link

Custom UI for incoming call #67

Closed Yahllil closed 2 years ago

Yahllil commented 2 years ago

How can we change the UI of the incoming call in Android and iOS (both in foreground and background)?

Thank you

cybex-dev commented 2 years ago

iOS All Apple/iOS devices uses CallKit for incoming/(native) outgoing calls. This is a standardized library for iOS to make all apps accepting calling (VoIP or otherwise) use the same look. See this for more information:

CallKit displays the same interfaces as the Phone app, giving your app a more native look and feel. CallKit also responds appropriately to system-level behaviors such as Do Not Disturb. see docs for more information

Android Android provides a degree of customizability. You can edit the Android device code here to display which ever notification/screen you want on the device.

To edit:

  1. First, Run the example, review the Android call screen and see what is being shown
  2. (optional) clone/fork (this) library
  3. Edit android app to your liking
  4. Integrate library into your app by editing your project's pubspec.yaml 
    twilio_voice: 
path: ./relative/path/to/twilio_voice

Please note: Since Flutter is cross-platform, ideally you would like to keep the UX consistent across platforms, thus having a different looking Android/iOS UI may not bode well for the UX - try to keep these similar.

diegogarciar commented 2 years ago

Closing this as its not an issue with the package