In this article, we will discuss about deep linking in flutter via flutter_share plugin which provides you a web link that point you to a specific screen of an application which is already installed in your phone. These web browser links can help you navigate to any specific with required data like any news feed, post or promo codes etc.
For an example if somebody want to share a facebook post then a url is shared with the other user and if that user clicks on it, it navigates to that specific facebook post. You may also send any data using query parameters with this url.
Read more about Flutter app development services from mobikul
Let’s start implementation of deep linking in flutter via flutter_share plugin in a few simple steps.
1. Project Setup:
Create a new flutter project and add latest version of flutter_share plugin under dependencies in pubspec.yaml file of your project as following example and run flutter pub get run command to install this package in your project.
|
1 2 3 |
dependencies: flutter_share: ^2.0.0 |
2. Import Package:
Add following line in your class to import the package.
|
1 |
import 'package:flutter_share/flutter_share.dart'; |
3. Flatform Specific Code:
- Android:
Use following code in in your manifest file in android folder.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<application> <intent-filter> <action android:name="android.intent.action.VIEW" /> <category android:name="android.intent.category.DEFAULT" /> <category android:name="android.intent.category.BROWSABLE" /> <data android:host="abc.webkul.com" android:pathPrefix="add path here" android:scheme="https" /> </intent-filter> <provider android:name="androidx.core.content.FileProvider" android:authorities="${applicationId}.provider" android:exported="false" android:grantUriPermissions="true"> <meta-data android:name="android.support.FILE_PROVIDER_PATHS" android:resource="@xml/provider_paths"/> </provider> </application> |
Add following code into your MainActivity class in Android folder.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 |
class MainActivity : FlutterActivity() { private val CHANNEL = "com.mlkit" var methodChannelResult: MethodChannel.Result? = null @Override override fun configureFlutterEngine(@NonNull flutterEngine: FlutterEngine) { super.configureFlutterEngine(flutterEngine) MethodChannel(flutterEngine.dartExecutor.binaryMessenger, CHANNEL).setMethodCallHandler { call, result -> try { methodChannelResult = result; if (call.method.equals("fileviewer")) { var path: String = call.arguments() var file = File(path) val extension = FilenameUtils.getExtension(path) val photoURI: Uri = FileProvider.getUriForFile( context, context.applicationContext.packageName.toString(), file ) val intent = Intent(Intent.ACTION_VIEW) intent.setFlags(Intent.FLAG_ACTIVITY_NO_HISTORY) intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION) intent.setDataAndType(photoURI, "application/" + extension) if (intent.resolveActivity(getPackageManager()) != null) { //if device have requested extension app then respective app will open println("File extension app found in the device") startActivity(intent); } else { //if device don't have requested extension app then all app option will be visible. println("File extension app Not found in the device") intent.setDataAndType(photoURI, "*/*") startActivity(intent); } result.success(true) } else if (call.method == "initialLink") { val initialUrl = initialLink() if (initialUrl != null) { result.success(initialLink()) } else { result.error("UNAVAILABLE", "No deep link found", null) } } } catch (e: Exception) { print(e) } } } override fun onActivityResult(requestCode: Int, resultCode: Int, data: Intent?) { super.onActivityResult(requestCode, resultCode, data) if (requestCode == 101 && resultCode == Activity.RESULT_OK) { methodChannelResult?.success(data?.getStringExtra(CameraSearchActivity.CAMERA_SEARCH_HELPER)) } } fun initialLink(): String? { val uri = intent.data Log.d("adasdasda", uri.toString()) return if (uri != null) { uri.toString(); } else { null } } } |
2. iOS:
Add if not exists one row to the ios/podfile after target runner in iOS folder
|
1 2 3 4 5 6 |
... target 'Runner' <strong>do</strong> use_frameworks! ... |
Add following code in your App deligate class into iOS folder.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
extension AppDelegate: FlutterStreamHandler { func onListen(withArguments arguments: Any?, eventSink events: @escaping FlutterEventSink) -> FlutterError? { _eventSink = events return nil } func onCancel(withArguments arguments: Any?) -> FlutterError? { _eventSink = nil return nil } func setLatestLink(_ latestLink: String?) { self.latestLink = latestLink if (_eventSink != nil) { _eventSink?(self.latestLink) } } } |
4. Implementation:
You can use following code to perform share functionality.
|
1 2 3 4 5 6 7 8 |
Future<void> share() async { await FlutterShare.share( title: 'Webkul share', text: '<a href="https://webkul.com/">Mobile app development company</a>', linkUrl: 'https://webkul.com/', chooserTitle: 'Mobikul: <a href="https://mobikul.com/">eCommerce Mobile App Builder for Android and iOS</a>'); } |
Conclusion:
In this article, we have learned about deep linking in flutter with flutter_share plugin.
Thanks for reading this article, for more such techie posts please visit our mobikul blog site .
Happy Coding 🙂
Be the first to comment.