refactor: basic example from class component to functional component (#3934)

* refactor: basic example from class component to functional component

* refactor: toast component path

* refactor: bufferConfig prop

* refacotr: import component path

* fix: seekbar issue on iOS

examples/basic/src/components/TopControl.tsx

@@ -0,0 +1,37 @@
+import React, {FC, memo} from 'react';
+import {Text, TouchableOpacity, View} from 'react-native';
+import styles from '../styles.tsx';
+import {srcList} from '../constants';
+import {AdditionalSourceInfo} from '../types';
+
+type Props = {
+  srcListId: number;
+  showRNVControls: boolean;
+  toggleControls: () => void;
+};
+
+const _TopControl: FC<Props> = ({
+  toggleControls,
+  showRNVControls,
+  srcListId,
+}) => {
+  return (
+    <View style={styles.topControlsContainer}>
+      <Text style={styles.controlOption}>
+        {(srcList[srcListId] as AdditionalSourceInfo)?.description ||
+          'local file'}
+      </Text>
+      <View>
+        <TouchableOpacity
+          onPress={() => {
+            toggleControls();
+          }}>
+          <Text style={styles.leftRightControlOption}>
+            {showRNVControls ? 'Hide controls' : 'Show controls'}
+          </Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+export const TopControl = memo(_TopControl);