diff --git a/example/src/examples/advanced/MultiChannel.tsx b/example/src/examples/advanced/MultiChannel.tsx
index f7460cf2b..1f8c6fd9e 100644
--- a/example/src/examples/advanced/MultiChannel.tsx
+++ b/example/src/examples/advanced/MultiChannel.tsx
@@ -163,7 +163,7 @@ export default class MultiChannel extends Component<{}, State, any> {
     const { isJoined0, isJoined1 } = this.state;
     return (
       <View style={styles.container}>
-        <View style={styles.bottom}>
+        <View style={styles.top}>
           <Button
             onPress={isJoined0 ? this._leaveChannel0 : this._joinChannel0}
             title={`${isJoined0 ? 'Leave' : 'Join'} ${channelId0}`}
@@ -177,7 +177,7 @@ export default class MultiChannel extends Component<{}, State, any> {
         <View style={styles.float}>
           <Button
             onPress={this._publishChannel0}
-            title={`Pulish ${channelId0}`}
+            title={`Publish ${channelId0}`}
           />
           <Button
             onPress={() => {
@@ -187,7 +187,7 @@ export default class MultiChannel extends Component<{}, State, any> {
           />
           <Button
             onPress={this._publishChannel1}
-            title={`Pulish ${channelId1}`}
+            title={`Publish ${channelId1}`}
           />
           <Button
             onPress={() => {
@@ -231,18 +231,13 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   float: {
-    width: '30%',
     position: 'absolute',
     right: 0,
     bottom: 0,
   },
-  bottom: {
+  top: {
     width: '100%',
   },
-  input: {
-    borderColor: 'gray',
-    borderWidth: 1,
-  },
   local: {
     flex: 1,
   },
diff --git a/example/src/examples/basic/JoinChannelAudio.tsx b/example/src/examples/basic/JoinChannelAudio.tsx
index 252c8f25f..a53d288b6 100644
--- a/example/src/examples/basic/JoinChannelAudio.tsx
+++ b/example/src/examples/basic/JoinChannelAudio.tsx
@@ -90,9 +90,9 @@ export default class JoinChannelAudio extends Component<{}, State, any> {
       });
   };
 
-  _switchSpeakerphone = async () => {
+  _switchSpeakerphone = () => {
     const { enableSpeakerphone } = this.state;
-    await this._engine
+    this._engine
       ?.setEnableSpeakerphone(!enableSpeakerphone)
       .then(() => {
         this.setState({ enableSpeakerphone: !enableSpeakerphone });
@@ -111,7 +111,7 @@ export default class JoinChannelAudio extends Component<{}, State, any> {
     } = this.state;
     return (
       <View style={styles.container}>
-        <View style={styles.bottom}>
+        <View style={styles.top}>
           <TextInput
             style={styles.input}
             onChangeText={(text) => this.setState({ channelId: text })}
@@ -143,12 +143,11 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   float: {
-    width: '30%',
     position: 'absolute',
     right: 0,
     bottom: 0,
   },
-  bottom: {
+  top: {
     width: '100%',
   },
   input: {
diff --git a/example/src/examples/basic/JoinChannelVideo.tsx b/example/src/examples/basic/JoinChannelVideo.tsx
index 1521fdd17..b045dd917 100644
--- a/example/src/examples/basic/JoinChannelVideo.tsx
+++ b/example/src/examples/basic/JoinChannelVideo.tsx
@@ -111,7 +111,7 @@ export default class JoinChannelAudio extends Component<{}, State, any> {
     const { channelId, isJoined, switchCamera } = this.state;
     return (
       <View style={styles.container}>
-        <View style={styles.bottom}>
+        <View style={styles.top}>
           <TextInput
             style={styles.input}
             onChangeText={(text) => this.setState({ channelId: text })}
@@ -156,12 +156,11 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   float: {
-    width: '30%',
     position: 'absolute',
     right: 0,
     bottom: 0,
   },
-  bottom: {
+  top: {
     width: '100%',
   },
   input: {
diff --git a/example/src/examples/basic/StringUid.tsx b/example/src/examples/basic/StringUid.tsx
index 7b791623b..2dc7a45e9 100644
--- a/example/src/examples/basic/StringUid.tsx
+++ b/example/src/examples/basic/StringUid.tsx
@@ -81,7 +81,7 @@ export default class StringUid extends Component<{}, State, any> {
     const { channelId, stringUid, isJoined } = this.state;
     return (
       <View style={styles.container}>
-        <View style={styles.bottom}>
+        <View style={styles.top}>
           <TextInput
             style={styles.input}
             onChangeText={(text) => this.setState({ channelId: text })}
@@ -112,26 +112,15 @@ const styles = StyleSheet.create({
     flex: 1,
   },
   float: {
-    width: '30%',
     position: 'absolute',
     right: 0,
     bottom: 0,
   },
-  bottom: {
+  top: {
     width: '100%',
   },
   input: {
     borderColor: 'gray',
     borderWidth: 1,
   },
-  local: {
-    flex: 1,
-  },
-  remote: {
-    width: 200,
-    height: 200,
-    position: 'absolute',
-    left: 0,
-    top: 0,
-  },
 });
diff --git a/src/common/RtcChannel.native.ts b/src/common/RtcChannel.native.ts
index 1bce084b3..2eae8c622 100644
--- a/src/common/RtcChannel.native.ts
+++ b/src/common/RtcChannel.native.ts
@@ -103,7 +103,8 @@ export default class RtcChannel implements RtcChannelInterface {
    */
   static destroyAll() {
     channels.forEach(async (value) => {
-      await value.destroy();
+      value.removeAllListeners();
+      await value._callMethod('destroy');
     });
     channels.clear();
   }