Generated code from pixels2flutter.dev

main.dart

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';

void main() {
  runApp(
    ProviderScope(
      child: MyApp(),
    ),
  );
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Design Implementation',
      theme: ThemeData(
        useMaterial3: true,
        primarySwatch: Colors.blue,
      ),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      body: SingleChildScrollView(
        child: Column(
          children: [
            Container(
              color: Color(0xFFC5E1A5),
              padding: EdgeInsets.all(16.0),
              child: Column(
                children: [
                  Text(
                    '경제적 진화 플랜!',
                    style: TextStyle(
                      fontSize: 24.0,
                      fontWeight: FontWeight.bold,
                      color: Colors.black,
                    ),
                  ),
                  SizedBox(height: 8.0),
                  Text(
                    '5월 경제적 혜택 드라이브',
                    style: TextStyle(
                      fontSize: 18.0,
                      color: Colors.black,
                    ),
                  ),
                  SizedBox(height: 16.0),
                  Image.network(
                    'https://corsproxy.io/?https%3A%2F%2Foaidalleapiprodscus.blob.core.windows.net%2Fprivate%2Forg-TUBHLKYl2lBqM1b7iE99XgMQ%2Fuser-UjOypK7HRZS7bCpwDOO1UgLB%2Fimg-0MRLXR2oWFoePZrVYHzK27VJ.png%3Fst%3D2024-05-03T03%253A50%253A28Z%26se%3D2024-05-03T05%253A50%253A28Z%26sp%3Dr%26sv%3D2021-08-06%26sr%3Db%26rscd%3Dinline%26rsct%3Dimage%2Fpng%26skoid%3D6aaadede-4fb3-4698-a8f6-684d7786b067%26sktid%3Da48cca56-e6da-484e-a814-9c849652bcb3%26skt%3D2024-05-02T23%253A36%253A58Z%26ske%3D2024-05-03T23%253A36%253A58Z%26sks%3Db%26skv%3D2021-08-06%26sig%3DG%2FxTS4CEtDXO2mC6RqG3Ba8fPlgoAkrXZNxc1RmODIY%253D',
                    width: 200,
                    height: 100,
                  ),
                ],
              ),
            ),
            GridView.count(
              shrinkWrap: true,
              physics: NeverScrollableScrollPhysics(),
              crossAxisCount: 4,
              children: List.generate(8, (index) {
                return Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    Icon(Icons.circle, size: 40),
                    Text('메뉴${index + 1}'),
                  ],
                );
              }),
            ),
            Container(
              alignment: Alignment.centerLeft,
              padding: EdgeInsets.all(16.0),
              child: Text(
                '이런 상점 찾고 있나요?',
                style: TextStyle(
                  fontSize: 18.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
            SizedBox(
              height: 200,
              child: ListView.builder(
                scrollDirection: Axis.horizontal,
                itemCount: 3,
                itemBuilder: (BuildContext context, int index) {
                  return Padding(
                    padding: EdgeInsets.symmetric(horizontal: 8.0),
                    child: Column(
                      children: [
                        Image.network(
                          'https://corsproxy.io/?I+couldn%27t+generate+an+image+for+you.+I+got+this+error%3A+OpenAIClientException%28%7B%0A++%22uri%22%3A+%22https%3A%2F%2Fapi.openai.com%2Fv1%2Fimages%2Fgenerations%22%2C%0A++%22method%22%3A+%22POST%22%2C%0A++%22code%22%3A+400%2C%0A++%22message%22%3A+%22Unsuccessful+response%22%2C%0A++%22body%22%3A+%7B%0A++++%22error%22%3A+%7B%0A++++++%22code%22%3A+%22content_policy_violation%22%2C%0A++++++%22message%22%3A+%22Your+request+was+rejected+as+a+result+of+our+safety+system.+Your+prompt+may+contain+text+that+is+not+allowed+by+our+safety+system.%22%2C%0A++++++%22param%22%3A+null%2C%0A++++++%22type%22%3A+%22invalid_request_error%22%0A++++%7D%0A++%7D%0A%7D%29',
                          width: 150,
                          height: 150,
                        ),
                        Text('상점${index + 1}'),
                      ],
                    ),
                  );
                },
              ),
            ),
          ],
        ),
      ),
    );
  }
}