Have a basic GUI Code created in Flutter, can't get it to run on VS Code. Need screenshots of output

Question

I can't seem to get this code to run using VS Code, and I need the results of the emulator (mobile app on an iPhone), is anyone able to run it and get the output? (Can you please post screenshots of it?)

import 'package:flutter/material.dart';

class SearchScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Product Catalog Search'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          children: [
            TextField(
              decoration: InputDecoration(
                hintText: 'Enter search keywords',
              ),
            ),
            SizedBox(height: 16.0),
            ElevatedButton(
              onPressed:(){
                //TODO: Implement search functionality
              },
              child: Text('Search'),
            ),
            SizedBox(height: 16.0),
            Expanded(
              child: Center(
                child: Text('No matching products'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}```

Answer 1

What problem you are facing? I got no problem executing it.

Screenshot:

run flutter clean and then flutter pub get in the vs code terminal.

Answer 2

After compiling your code here is the result