expo_export_uri_file_save_dialog_quickstart.ts

1import React from 'react';
2import { Button, View, StyleSheet } from 'react-native';
3import * as FileSystem from 'expo-file-system';
4import { exportUri } from '@dwidge/expo-export-uri';
5
6export default function App() {
7  const handleExport = async () => {
8    try {
9      // Create a dummy file to export
10      const fileUri = FileSystem.documentDirectory + 'example.txt';
11      await FileSystem.writeAsStringAsync(fileUri, 'Hello, world!', {
12        encoding: FileSystem.EncodingType.UTF8,
13      });
14
15      // Export the file URI
16      const result = await exportUri(fileUri, 'example.txt');
17      
18      if (result) {
19        console.log('File exported successfully');
20      } else {
21        console.log('Export cancelled or failed');
22      }
23    } catch (error) {
24      console.error('Error exporting file:', error);
25    }
26  };
27
28  return (
29    <View style={styles.container}>
30      <Button title="Export File" onPress={handleExport} />
31    </View>
32  );
33}
34
35const styles = StyleSheet.create({
36  container: {
37    flex: 1,
38    justifyContent: 'center',
39    alignItems: 'center',
40  },
41});