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.