FLUTTER LAB

  3a) Design a responsive UI that adapts to different screen sizes. import 'package:flutter/material.dart'; void main() {   runApp(MyApp()); } class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       home: Scaffold(         appBar: AppBar(title: Text('Responsive UI')),         body: LayoutBuilder(           builder: (context, constraints) {             return Center(               child: constraints.maxWidth < 600                   ? Column(                       mainAxisSize: MainAxisSize.min,                       children: [                     ...

  2 a) Explore various Flutter widgets (Text, Image, Container, etc.). import 'package:flutter/material.dart';   void main() {   runApp(MyApp()); }   class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(       home: Scaffold(         appBar: AppBar(           title: Text('Flutter Widgets Example'),         ),         body: Center(           child: Column(             children: [               Text('This is a text widget'),               SizedBox(heig...

  https://docs.flutterflow.io/resources/ui/widgets https://flutterwidgets.com/article/Flutter_Widgets_A_Comprehensive_Guide.html https://docs.flutter.dev/assets/images/docs/fwe/simple_composition_example.png TEXT WIDGET PROGRAM import 'package:flutter/material.dart';   void main() {   runApp(MyApp());   }   class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {   return MaterialApp(   title: 'Hello World App',   home: Scaffold(   appBar: AppBar(   title: Text('Welcome to Flutter Lab'),   ),   body: Center(   child: Text( 'I am Text Widget', style: TextStyle(fontSize: 24),   ),   ),   ),   );   }   }   MyApp (StatelessWidget)    │    └── MaterialApp          │          ├── (title: 'Hello W...