mutable_example.dart

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class UserProfile {
  String name;
  List<String> friends;

  UserProfile(this.name, this.friends);

  void addFriend(String friendId) {
    friends.add(friendId);
  }

  // Direct manipulation of friends list (intentional issue)
  List<String> get mutableFriends => friends;
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  UserProfile userProfile = UserProfile('John Doe', []);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Mutable State Demo')),
      body: Column(
        children: [
          // Displaying friends
          Expanded(
            child: ListView.builder(
              itemCount: userProfile.friends.length,
              itemBuilder: (context, index) {
                return ListTile(
                  title: Text(userProfile.friends[index]),
                );
              },
            ),
          ),
          // Button to add a friend
          ElevatedButton(
            child: Text('Add Friend'),
            onPressed: () {
              setState(() {
                userProfile.addFriend('Friend ${userProfile.friends.length + 1}');
              });
            },
          ),
          // Button to directly manipulate friends list
          ElevatedButton(
            child: Text('Remove Last Friend (Direct Manipulation)'),
            onPressed: () {
              setState(() {
                if (userProfile.mutableFriends.isNotEmpty) {
                  userProfile.mutableFriends.removeLast();
                }
              });
            },
          ),
        ],
      ),
    );
  }
}