Flutter is Google's mobile UI framework that allows developers to build native mobile applications for iOS and Android from a single codebase. It uses widgets to build applications and provides platform channels to access platform-specific features like sensors, storage, and device inputs. Developers can write plugins to access these platform features or write platform-specific code directly. The documentation shows how to create a method channel in Dart and Android code to invoke platform-specific functionality and exchange data between the platforms.

2. ) Woowahan Bros. / Baemin Market Mobile platform Development
HydaiCapital / Mobile Platform Development
SOCAR Mobile Developer / Mobile , Tablet
DreamPlus with Hanwha S&C / ZUMO Application
Lassoh inc. (Toronto in Canada) / Mobile SNS platform
Samsung Mobile Group / .

4. Flutter is Google's mobile UI framework

6. Flutter

7. Fast Beautiful
OpenProductive
Flutter

8. Fast Beautiful
OpenProductive
Flutter

10. Fast Beautiful
OpenProductive
Flutter

12. Fast Beautiful
OpenProductive
Flutter

14. Fast Beautiful
OpenProductive
Flutter

16. v1.7
The First Release

18. 2,366
Watch

19. 71,268
Stars

20. 8,432
Forks

21. 421
Contributors

31. Native Code
Widgets,
Rendering
Platform
Channels
Canvas
Events
Location Bluetooth
Audio Sensors
Camera Etc.
Service
Platform
Application

32. Native Code
Widgets,
Rendering
Platform
Channels
Canvas
Events
Location Bluetooth
Audio Sensors
Camera Etc.
Service
Platform
Application

34. Use Platform Channels

39. Platform channels are the gateway to accessing
platform-specific code in Flutter.

40. What do I mean by platform-specific?

41. Access to device inputs
Secure storage (a.k.a. keychain on iOS)

42. The Basic building block for
creating plugins

43. MyOS Call Device State Camera Check

44. Options :
1. Use Plugins
2. Write platform-specific code

46. description: A new Flutter application.
dependencies:
core:
path: ../core
flutter:
sdk: flutter
flutter_localizations:
sdk: flutter
xml: ^3.0.0
flutter_redux: ^0.5.0
intl: ^0.15.2
url_launcher: ^3.0.0
path_provider: ^0.4.0
key_value_store_flutter: ^1.0.0
....
....

47. MethodChannel class is defined
inside the ‘service’ package.

48. import 'package:flutter/services.dart';

50. import 'dart:async';
Need to import the ‘async’ package to support async features in our dart codebase.

51. static const channel =
const MethodChannel('tryflutter.github.io/flutter_BabyStep');
To define MethodChannel in dart we use :
Like this…
You can name it anything, but the best practice is to name
it domain_name/channel_name.

52. final response = await channel.invokeMethod(message, [optional_arguments])
You can name it anything, but the best practice is to name
it domain_name/channel_name.

53. Future<Null> _showDialog() async {
final response =
await channel.invokeMethod("showDialog", ["Called From Flutter"]);
final snackbar = new SnackBar(content: new Text(response));
Scaffold.of(context).showSnackBar(snackbar);
}

54. Future<Null> _openNewPage() async {
final response =
await channel.invokeMethod("openPage", ["Hi From Flutter"]);
print(response);
}

55. Future<Null> _requestNetwork() async {
final response = await channel.invokeMethod(
"request", ["https://www.thesportsdb.com/api/v1/json/1/"]);
Navigator.push(
context,
new MaterialPageRoute(
builder: (context) => new SecondRoute(data: response),
),
);
}

56. class MainActivity : FlutterActivity() {
...
}

57. val channel = MethodChannel(flutterView, "tryflutter.github.io/
platformchannel”)

58. channel.setMethodCallHandler { methodCall, result ->
val args = methodCall.arguments as List<*>
val param = args.first() as String
when (methodCall.method) {
"openPage" -> openSecondActivity(param)
"showDialog" -> showDialog(param, result)
"request" -> callService(param, result)
else -> return@setMethodCallHandler
}
}

59. private fun openSecondActivity(info: String) {
startActivity<SecondActivity>("info" to info)
}

60. private fun showDialog(content: String, channelResult:
MethodChannel.Result) {
MaterialDialog.Builder(this).title("Native Dialog").theme(Theme.LIGHT)
.content(content)
.positiveText("Ok")
.negativeText("Cancel")
.onPositive { _, _ -> channelResult.success("Ok was
clicked") }
.onNegative { _, _ -> channelResult.success("Cancel was
clicked") }
.show()
}

61. private fun callService(url: String, channelResult: MethodChannel.Result) {
...
service.getEPLTeams().enqueue(object : Callback<TeamResponse> {
override fun onFailure(call: Call<TeamResponse>?, t: Throwable?) {
channelResult.error("FAILURE", "CALL FAILED", t?.localizedMessage)
}
override fun onResponse(call: Call<TeamResponse>?, response:
Response<TeamResponse>?) {
channelResult.success(Gson().toJson(response?.body()?.teams))
}
})
}

62. DEMO

64. Q & A

65. .