Skip to content

Edoardo Vignati

– Always looking for something awesome –

Menu
  • About me
  • Studies
  • Publications
  • Skills
  • Portfolio
  • Projects
  • Career
  • Blog
Menu

How to open a page in Facebook app in Android with Flutter (deep link)

Posted on 29/08/202126/06/2022 by Edoardo

Maybe, if you are here, it means that you already tried to launch the Facebook URL of a page failing because the browser is launched instead of the native app.

Well, to open the Facebook app on a specific page it’s quite simple if you know the correct way.

First of all you can use the launchUrlString() method of the url_launcher() package (launch() is deprecated since v6.1.0).

The URL must be in this form:

  • “fb://page/page_id” where page_id is the numeric id of the Facebook page
  • “fb://profile/profile_id” where profile_id is the numeric id of the Facebook profile

To discover the id (only for pages!) you can simply use the following script:

So the method call should be something like this:

launchUrlString("fb://page/510641739115082"); // For pages
launchUrlString("fb://profile/........"); // For profiles
String pageid = "510641739115082";
Padding(
  padding: EdgeInsets.only(right: 20.0),
  child: IconButton(
    icon: Icon(FontAwesomeIcons.facebook, color: Theme
        .of(context)
        .buttonColor, size: 40.0),
    onPressed: () {
    		String facebookApp = "fb://page/${pageid}";
            canLaunchUrlString(facebookApp).then((canLaunch) {
              if (canLaunch) {
                launchUrlString(facebookApp);
              } else {
               	// Do something else
              }
            });
         });
    },
  ),
)

…and the app will be launched 🙂

Happy coding!


Buy Me A Coffee


This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

  1. Edoardo on [SOLVED] XMLHttpRequest error in Flutter web is a CORS error06/01/2023
  2. Fabi on [SOLVED] XMLHttpRequest error in Flutter web is a CORS error20/12/2022
  3. Edoardo on How to install hplip on Ubuntu28/11/2022
  4. Alex K on How to install hplip on Ubuntu28/11/2022

© 2023 Edoardo Vignati | Powered by Minimalist Blog WordPress Theme
Manage Cookie Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage vendors Read more about these purposes
View preferences
{title} {title} {title}