style(example): updating the RootView component

Author: Mhp23

example/src/views/RootView.tsx

@@ -16,8 +16,7 @@ import Speech, {
 import Button from '../components/Button';
 import {SafeAreaView} from 'react-native-safe-area-context';
 
-const isAndroidLowerThan26 =
-  Platform.OS === 'android' && Platform.Version <= 26;
+const isAndroidLowerThan26 = Platform.OS === 'android' && Platform.Version < 26;
 
 const Introduction =
   "This high-performance text-to-speech library is built for bare React Native and Expo, compatible with Android and iOS's new architecture (default from React Native 0.76). It enables seamless speech management with start, pause, resume, and stop controls, and provides events for detailed synthesis management.";
@@ -106,24 +105,6 @@ const RootView: React.FC = () => {
     await Speech.speak(Introduction);
   }, []);
 
-  const onStopPress = React.useCallback(async () => {
-    await Speech.stop();
-  }, []);
-
-  const onResumePress = React.useCallback(async () => {
-    await Speech.resume();
-    if (isAndroidLowerThan26) {
-      setIsPaused(false);
-    }
-  }, []);
-
-  const onPausePress = React.useCallback(async () => {
-    await Speech.pause();
-    if (isAndroidLowerThan26) {
-      setIsPaused(true);
-    }
-  }, []);
-
   const onHighlightedPress = React.useCallback(
     ({text, start, end}: HighlightedSegmentArgs) =>
       Alert.alert(
@@ -147,13 +128,21 @@ const RootView: React.FC = () => {
       </View>
       <View style={[gs.row, gs.p10]}>
         <Button label="Start" disabled={isStarted} onPress={onStartPress} />
-        <Button label="Stop" disabled={!isStarted} onPress={onStopPress} />
-        <Button
-          label="Pause"
-          onPress={onPausePress}
-          disabled={isPaused || !isStarted}
-        />
-        <Button label="Resume" disabled={!isPaused} onPress={onResumePress} />
+        <Button label="Stop" disabled={!isStarted} onPress={Speech.stop} />
+        {isAndroidLowerThan26 ? null : (
+          <React.Fragment>
+            <Button
+              label="Pause"
+              onPress={Speech.pause}
+              disabled={isPaused || !isStarted}
+            />
+            <Button
+              label="Resume"
+              disabled={!isPaused}
+              onPress={Speech.resume}
+            />
+          </React.Fragment>
+        )}
       </View>
     </SafeAreaView>
   );