chore: add preview

.eslintrc.js

@@ -7,5 +7,6 @@ module.exports = {
   },
   rules: {
     "import/order": "off",
+    "@typescript-eslint/array-type": "off",
   },
 };

README.md

@@ -4,7 +4,7 @@
 
 expo-speech-recognition implements the iOS [`SFSpeechRecognizer`](https://developer.apple.com/documentation/speech/sfspeechrecognizer), Android [`SpeechRecognizer`](https://developer.android.com/reference/android/speech/SpeechRecognizer) and Web [`SpeechRecognition`](https://wicg.github.io/speech-api/) for React Native projects with the goal of code reuse across web and mobile.
 
-<img src="./images/preview.jpg" width="240" alt="expo-speech-recognition preview" />
+![expo-speech-recognition preview](./images/preview.gif)
 
 ## Installation
 

example/App.tsx

@@ -160,7 +160,9 @@ export default function App() {
         ]}
       >
         {Platform.OS === "android" && settings.requiresOnDeviceRecognition && (
-          <DownloadOfflineModel locale={settings.lang ?? "en-US"} />
+          <View style={styles.flex1}>
+            <DownloadOfflineModel locale={settings.lang ?? "en-US"} />
+          </View>
         )}
 
         {status === "idle" ? (
@@ -201,20 +203,23 @@ function DownloadOfflineModel(props: { locale: string }) {
       .catch((err) => {
         Alert.alert("Failed to download offline model!", err.message);
       })
-      .finally(() => setDownloading(null));
+      .finally(() => {
+        setDownloading(null);
+      });
   };
 
   return (
     <TouchableNativeFeedback
       disabled={Boolean(downloading)}
       onPress={handleDownload}
     >
-      <View style={{ maxWidth: 200 }}>
+      <View>
         <Text
           style={{
             fontWeight: "bold",
             color: downloading ? "#999" : "#539bf5",
           }}
+          adjustsFontSizeToFit
         >
           {downloading
             ? `Downloading ${props.locale} model...`