mad

1. ScrollView.

Definition: A ScrollView in Flutter allows the user to scroll through a single child widget.

Types:

SingleChildScrollView: Used for scrolling a single child element.

ListView: Used for displaying a scrollable list of items.

Common Properties:

scrollDirection: Specifies the scrolling axis (Axis.vertical or Axis.horizontal).

reverse: Reverses the scrolling direction.

padding: Adds padding to the content.

SingleChildScrollView(
  child: Column(
    children: [
      Text("Item 1"),
      Text("Item 2"),
      // Add more widgets here
    ],
  ),
)

2. ListView

Theory (Short Questions)

• ListView

  A scrollable widget in Flutter that displays a list of items vertically or horizontally. It is highly customizable and supports different constructors for various use cases.

  ListView()

  The simplest constructor for creating custom lists manually. Ideal for small, static lists of widgets.

  ListView.builder

  Efficient for large datasets as it builds items only when needed. Reduces memory usage by creating widgets on-demand.

  ListView.separated

  Adds a separator widget between list items for better organization. Useful for visually distinguishing list elements.

  ListView.custom

  Allows creating advanced lists with custom behaviors. Offers flexibility to design unique scrolling experiences.

ListView.builder(

  itemCount: 10,

  itemBuilder: (context, index) {

    return ListTile(

      title: Text("Item $index"),

    );

  },

)

ListTile

A widget in Flutter that creates a single fixed-height row. It includes optional leading and trailing widgets, along with a title and subtitle.

leading

Displays a widget, like an icon or avatar, before the title.

title

The primary content of the tile, typically a text widget.

trailing

Shows a widget, like an icon or button, after the title for additional actions.

subtitle

Displays additional information below the title, often in smaller text.

ListTile(
  leading: Icon(Icons.person),
  title: Text("John Doe"),
  subtitle: Text("Flutter Developer"),
  trailing: Icon(Icons.arrow_forward),
)

CircleAvatar

Theory (Short Questions)

Definition: The CircleAvatar widget in Flutter is primarily used for displaying circular profile pictures, icons, or other content in a circular shape.
Common Properties:
backgroundColor: Sets the background color of the avatar.
backgroundImage: Allows an image to be placed inside the avatar, typically sourced from the network or assets.
child: Places a widget (like text or icons) at the center of the avatar.


CircleAvatar(
  radius: 50,
  backgroundColor: Colors.purple,
  child: Text(
    'A',
    style: TextStyle(fontSize: 24, color: Colors.white),
  ),
);





















long:





import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Named Routes Example',
      // Define named routes
      routes: {
        '/': (context) => FirstScreen(),
        '/second': (context) => SecondScreen(),
      },
      initialRoute: '/',
    );
  }
}

class FirstScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('First Screen'),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () {
            // Navigate to the Second Screen and pass data
            Navigator.pushNamed(
              context,
              '/second',
              arguments: 'Hello from the First Screen!',
            );
          },
          child: Text('Go to Second Screen'),
        ),
      ),
    );
  }
}

class SecondScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Retrieve data passed from the First Screen
    final String data = ModalRoute.of(context)!.settings.arguments as String;

    return Scaffold(
      appBar: AppBar(
        title: Text('Second Screen'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Text(
              data,
              style: TextStyle(fontSize: 20),
            ),
            SizedBox(height: 20),
            ElevatedButton(
              onPressed: () {
                // Navigate back to the First Screen
                Navigator.pop(context);
              },
              child: Text('Go Back to First Screen'),
            ),
          ],
        ),
      ),
    );
  }
}