Why platform channels bridge native code in Flutter - Test Your Understanding

Practice - 5 Tasks

1fill in blank

easy

Complete the code to send a message from Flutter to native code using platform channels.

Flutter

static const platform = MethodChannel('[1]');

Drag options to blanks, or click blank then click option'

Acom.example.app/channel

Bflutter/native

Capp/platform

Dnative/bridge

Attempts:

3 left

💡 Hint

Common Mistakes

Using a channel name that does not match the native side.

Leaving the channel name empty or generic.

The channel name must match on both Flutter and native sides to communicate properly.

2fill in blank

medium

Complete the code to invoke a native method called 'getBatteryLevel' from Flutter.

Flutter

final int batteryLevel = await platform.invokeMethod('[1]');

Drag options to blanks, or click blank then click option'

AreadBattery

BfetchBattery

CbatteryStatus

DgetBatteryLevel

Attempts:

3 left

💡 Hint

Common Mistakes

Using a method name that does not exist on the native side.

Misspelling the method name.

The method name must exactly match the native method name to call it correctly.

3fill in blank

hard

Fix the error in the native Android code to receive messages from Flutter on the platform channel.

Flutter

new MethodChannel(getFlutterEngine().getDartExecutor().getBinaryMessenger(), "[1]")
  .setMethodCallHandler((call, result) -> {
    if (call.method.equals("getBatteryLevel")) {
      int batteryLevel = getBatteryLevel();
      if (batteryLevel != -1) {
        result.success(batteryLevel);
      } else {
        result.error("UNAVAILABLE", "Battery level not available.", null);
      }
    } else {
      result.notImplemented();
    }
  });

Drag options to blanks, or click blank then click option'

Acom.example.app/channel

Bflutter/native

Cnative/bridge

Dapp/platform

Attempts:

3 left

💡 Hint

Common Mistakes

Using different channel names on Flutter and native sides.

Typos in the channel name string.

The channel name must match the one used in Flutter to establish communication.

4fill in blank

hard

Fill both blanks to complete the Flutter code that listens for native method calls and responds.

Flutter

platform.setMethodCallHandler((call) async {
  if (call.method == '[1]') {
    final String response = await getNativeData();
    return [2].success(response);
  } else {
    return [2].notImplemented();
  }
});

Drag options to blanks, or click blank then click option'

AfetchData

Bresult

Ccall

Dresponse

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong method names that don't match native calls.

Confusing the call object with the result object.

The method name must match the native call, and the result object is used to send responses back.

5fill in blank

hard

Fill all three blanks to create a platform channel in Flutter that sends a message and handles exceptions.

Flutter

try {
  final int result = await platform.invokeMethod('[1]');
  print('Result: ' + result.toString());
} on [2] catch (e) {
  print('Failed to get result: ' + e.[3]);
}

Drag options to blanks, or click blank then click option'

AgetBatteryLevel

BPlatformException

Cmessage

DMissingPluginException

Attempts:

3 left

💡 Hint

Common Mistakes

Using wrong exception types.

Accessing wrong properties of the exception.

The method name is 'getBatteryLevel'. The exception type is PlatformException. The error message is accessed via the 'message' property.

Practice

1. Why do Flutter apps use platform channels to communicate with native code?

easy

A. To speed up Flutter's UI rendering

B. To access device features not available in Flutter alone

C. To replace Flutter widgets with native widgets

D. To avoid using Dart language

Solution

1. Step 1: Understand Flutter's limitations

   Flutter cannot directly access some device features like sensors or camera APIs.

2. Step 2: Role of platform channels

   Platform channels let Flutter send messages to native code that can access these features.

3. Final Answer:

   To access device features not available in Flutter alone -> Option B

4. Quick Check:

   Platform channels = access native features [OK]

Hint: Remember: platform channels bridge Flutter and native features [OK]

Common Mistakes:

• Thinking platform channels speed up UI rendering
• Confusing platform channels with widget replacement
• Believing platform channels avoid Dart usage

2. Which of the following is the correct way to create a platform channel in Flutter?

easy

A. PlatformChannel('com.example.channel')

B. NativeChannel('com.example.channel')

C. MethodChannel('com.example.channel')

D. FlutterChannel('com.example.channel')

Solution

1. Step 1: Recall Flutter's platform channel class

   Flutter uses the MethodChannel class to create platform channels.

2. Step 2: Check the correct constructor usage

   The constructor takes a string name like 'com.example.channel'.

3. Final Answer:

   MethodChannel('com.example.channel') -> Option C

4. Quick Check:

   MethodChannel = correct class name [OK]

Hint: MethodChannel is the official Flutter class for platform channels [OK]

Common Mistakes:

• Using wrong class names like PlatformChannel or NativeChannel
• Confusing the channel name with class name
• Omitting the channel name string

3. What will happen when Flutter code calls a native method via platform channel but the native side does not implement that method?

medium

A. Flutter receives a PlatformException error

B. Flutter app crashes immediately

C. Flutter ignores the call silently

D. Flutter retries the call automatically

Solution

1. Step 1: Understand platform channel error handling

   If native code does not implement the called method, Flutter gets an error response.

2. Step 2: Identify the error type

   Flutter throws a PlatformException to indicate the method is missing.

3. Final Answer:

   Flutter receives a PlatformException error -> Option A

4. Quick Check:

   Missing native method = PlatformException [OK]

Hint: Missing native method triggers PlatformException in Flutter [OK]

Common Mistakes:

• Assuming app crashes without error handling
• Thinking Flutter ignores missing methods silently
• Believing Flutter retries calls automatically

4. Identify the error in this Flutter platform channel code snippet:

final channel = MethodChannel('com.example.channel');
channel.invokeMethod('getBatteryLevel');

medium

A. MethodChannel cannot be final

B. Wrong channel name format

C. invokeMethod should be invokeNativeMethod

D. Missing await keyword for async call

Solution

1. Step 1: Check method invocation style

   invokeMethod returns a Future and should be awaited or handled asynchronously.

2. Step 2: Identify missing async handling

   Code calls invokeMethod without await or then, which can cause unhandled results.

3. Final Answer:

   Missing await keyword for async call -> Option D

4. Quick Check:

   invokeMethod requires await or async handling [OK]

Hint: Always await invokeMethod calls to handle async results [OK]

Common Mistakes:

• Ignoring async nature of invokeMethod
• Using wrong method names
• Misunderstanding final keyword usage

5. You want to get the device's battery level using platform channels. Which sequence correctly describes the communication flow?

hard

A. Flutter sends message via MethodChannel -> Native code receives and returns battery level -> Flutter receives result

B. Native code sends battery level to Flutter -> Flutter processes and sends back confirmation

C. Flutter directly reads battery level without native code

D. Flutter uses platform channel to update UI without native interaction

Solution

1. Step 1: Understand platform channel message flow

   Flutter initiates a message via MethodChannel to native code requesting data.

2. Step 2: Native code processes and replies

   Native code handles the request, gets battery level, and sends it back.

3. Step 3: Flutter receives and uses the result

   Flutter receives the battery level and can update UI accordingly.

4. Final Answer:

   Flutter sends message via MethodChannel -> Native code receives and returns battery level -> Flutter receives result -> Option A

5. Quick Check:

   Message flow = Flutter -> Native -> Flutter [OK]

Hint: Platform channels send request from Flutter, native replies, Flutter receives [OK]

Common Mistakes:

• Thinking native initiates communication
• Assuming Flutter reads battery without native code
• Confusing message direction and flow