import 'package:flutter/material.dart';
class IDESetupGuide extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('IDE Setup Guide'),
),
body: Padding(
padding: EdgeInsets.all(16),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text('1. Install Flutter SDK', style: TextStyle(fontSize: 18)),
SizedBox(height: 8),
Text('2. Install VS Code', style: TextStyle(fontSize: 18)),
SizedBox(height: 8),
Text('3. Install Android Studio', style: TextStyle(fontSize: 18)),
SizedBox(height: 8),
Text('4. Set up Android Emulator', style: TextStyle(fontSize: 18)),
SizedBox(height: 8),
Text('5. Run flutter doctor', style: TextStyle(fontSize: 18)),
Spacer(),
Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
ElevatedButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Setup check complete!')),
);
},
child: Text('Check Setup'),
),
ElevatedButton(
onPressed: () {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Visit flutter.dev/docs for help.')),
);
},
child: Text('Help'),
),
],
),
],
),
),
);
}
}
This screen uses a Column to list the setup steps as simple text lines with spacing. Two buttons are placed at the bottom in a Row spaced evenly. Pressing each button shows a SnackBar message to give feedback. This keeps the UI simple and clear for beginners learning how to set up Flutter development environment.
