File storage in Flutter - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

Reading a file's content in Flutter

What will be the output shown on the screen after running this Flutter code snippet that reads a file's content asynchronously?

Flutter

import 'package:flutter/material.dart';
import 'dart:io';
import 'package:path_provider/path_provider.dart';

class FileReadExample extends StatefulWidget {
  @override
  State<FileReadExample> createState() => _FileReadExampleState();
}

class _FileReadExampleState extends State<FileReadExample> {
  String _content = 'Loading...';

  @override
  void initState() {
    super.initState();
    _readFile();
  }

  Future<void> _readFile() async {
    final dir = await getApplicationDocumentsDirectory();
    final file = File('${dir.path}/myfile.txt');
    if (await file.exists()) {
      final text = await file.readAsString();
      setState(() {
        _content = text;
      });
    } else {
      setState(() {
        _content = 'File not found';
      });
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(child: Text(_content)),
    );
  }
}

A The screen shows 'Loading...' forever because setState is not called.

B The screen shows the text content of 'myfile.txt' if it exists, otherwise 'File not found'.

C The app crashes because getApplicationDocumentsDirectory() is not awaited.

D The screen shows an empty string because the file is read but not assigned.

💡 Hint

Check how the file existence is checked and how setState updates the UI.

The code reads the file asynchronously and updates the UI with the file content or a 'File not found' message. The setState call triggers the UI update.

❓ lifecycle

intermediate

File writing and app lifecycle

In a Flutter app, where is the best place to save user data to a file to ensure it is stored before the app closes?

A Inside the build() method of a StatefulWidget.

B Inside the initState() method of a StatefulWidget.

C Inside the didChangeAppLifecycleState() method when the app state is paused or inactive.

D Inside the dispose() method of a StatefulWidget.

💡 Hint

Think about app lifecycle events and when the app is about to go to background.

The didChangeAppLifecycleState() method lets you detect when the app is paused or inactive, which is the right time to save data to persistent storage.

📝 Syntax

advanced

Correct syntax for writing to a file asynchronously

Which option correctly writes the string 'Hello Flutter' to a file asynchronously in Flutter?

Flutter

import 'dart:io';
import 'package:path_provider/path_provider.dart';

Future<void> writeFile() async {
  final dir = await getApplicationDocumentsDirectory();
  final file = File('${dir.path}/hello.txt');
  // Write string to file here
}

A await file.writeAsString('Hello Flutter');

B file.writeAsString('Hello Flutter');

C file.writeString('Hello Flutter');

D await file.writeString('Hello Flutter');

💡 Hint

Check the exact method name and whether it returns a Future.

The correct method is writeAsString which returns a Future, so it must be awaited for asynchronous completion.

🔧 Debug

advanced

Why does this file read code throw an exception?

Given this Flutter code snippet, what is the cause of the exception thrown when reading the file?

Flutter

final file = File('myfile.txt');
final content = await file.readAsString();

A The readAsString() method does not exist on File objects.

B The File class cannot be used in Flutter apps.

C The await keyword cannot be used outside a build method.

D The file path is relative and does not point to a valid location on the device.

💡 Hint

Consider how file paths work on mobile devices.

Using a relative path like 'myfile.txt' does not point to a valid file location on mobile devices. You must use absolute paths from directories like getApplicationDocumentsDirectory().

🧠 Conceptual

expert

Understanding file storage permissions on mobile

Which statement best describes file storage permissions for Flutter apps on Android and iOS?

A Flutter apps can only read and write files within their own app-specific directories without extra permissions.

B Flutter apps cannot write files to the device storage at all.

C Flutter apps must request user permission to write files inside their own app directory.

D Flutter apps can freely read and write any file on the device without restrictions.

💡 Hint

Think about app sandboxing and default permissions.

Mobile OS sandboxing restricts apps to their own directories. Apps can read/write there without extra permissions, but need permissions for shared storage.

Practice

1. What is the main purpose of using file storage in a Flutter app?

easy

A. To speed up the app's animations

B. To save data on the device so it stays after the app closes

C. To connect to the internet faster

D. To change the app's theme colors

Solution

1. Step 1: Understand file storage purpose

   File storage keeps data saved on the device even when the app is closed.

2. Step 2: Compare options

   Only To save data on the device so it stays after the app closes describes saving data persistently on the device.

3. Final Answer:

   To save data on the device so it stays after the app closes -> Option B

4. Quick Check:

   File storage = save data persistently [OK]

Hint: File storage keeps data after app closes [OK]

Common Mistakes:

• Confusing file storage with internet speed
• Thinking file storage changes UI appearance
• Assuming file storage affects animations

2. Which Flutter package is commonly used to find safe directories for file storage?

easy

A. path_provider

B. shared_preferences

C. flutter_local_notifications

D. http

Solution

1. Step 1: Identify package for file paths

   The path_provider package helps find safe folders like documents or temporary directories.

2. Step 2: Eliminate other packages

   http is for web requests, flutter_local_notifications for notifications, and shared_preferences for simple key-value storage, not file paths.

3. Final Answer:

   path_provider -> Option A

4. Quick Check:

   Safe file paths = path_provider [OK]

Hint: Use path_provider to get file directories [OK]

Common Mistakes:

• Choosing http instead of path_provider
• Confusing shared_preferences with file storage
• Not knowing which package manages file paths

3. What will the following Flutter code print if the file contains the text "Hello Flutter"?

final file = File('example.txt');
String contents = await file.readAsString();
print(contents);

medium

A. null

B. File not found error

C. example.txt

D. Hello Flutter

Solution

1. Step 1: Understand readAsString()

   The method readAsString() reads the file content as a string asynchronously.

2. Step 2: Check printed output

   The variable contents holds the file text "Hello Flutter", so printing it outputs that text.

3. Final Answer:

   Hello Flutter -> Option D

4. Quick Check:

   readAsString() returns file text [OK]

Hint: readAsString() prints file content [OK]

Common Mistakes:

• Expecting filename instead of content
• Assuming null if file exists
• Confusing error with normal output

4. Identify the error in this Flutter code snippet for writing text to a file:

final file = File('data.txt');
file.writeAsString('Save this text');
print('File saved');

medium

A. print statement should come before writeAsString

B. File path 'data.txt' is invalid on mobile devices

C. writeAsString must be awaited or handled asynchronously

D. File class cannot write strings, only bytes

Solution

1. Step 1: Check writeAsString usage

   The method writeAsString is asynchronous and returns a Future, so it should be awaited or handled with then() to ensure completion.

2. Step 2: Analyze code flow

   Without awaiting, print('File saved') runs immediately, possibly before writing finishes, causing logic errors.

3. Final Answer:

   writeAsString must be awaited or handled asynchronously -> Option C

4. Quick Check:

   Async write needs await [OK]

Hint: Always await async file writes [OK]

Common Mistakes:

• Ignoring async nature of writeAsString
• Assuming file path 'data.txt' is always valid
• Thinking print order affects file writing

5. You want to save user notes persistently in a Flutter app. Which approach correctly combines getting a safe directory and writing a text file asynchronously?

import 'dart:io';
import 'package:path_provider/path_provider.dart';

Future<void> saveNote(String note) async {
  final dir = await getApplicationDocumentsDirectory();
  final file = File('${dir.path}/note.txt');
  await file.writeAsString(note);
}

hard

A. Correctly gets directory and writes file asynchronously

B. Uses wrong directory method, should use getTemporaryDirectory()

C. Missing await before getApplicationDocumentsDirectory()

D. File path concatenation is incorrect, needs '+' operator

Solution

1. Step 1: Check directory retrieval

   The code uses await getApplicationDocumentsDirectory() which is the correct method to get a safe persistent directory.

2. Step 2: Verify file writing

   It creates a File with path combining directory path and filename, then awaits writeAsString to save the note asynchronously.

3. Step 3: Confirm string interpolation

   Using '${dir.path}/note.txt' correctly builds the file path as a string.

4. Final Answer:

   Correctly gets directory and writes file asynchronously -> Option A

5. Quick Check:

   Async write + safe directory = correct [OK]

Hint: Use getApplicationDocumentsDirectory and await writes [OK]

Common Mistakes:

• Using temporary directory for persistent data
• Forgetting await on async calls
• Incorrect string concatenation for file path