🎮cubit - class - api

import 'package:bloc/bloc.dart';
import 'package:equatable/equatable.dart';
import 'package:flutter_lessons_in_the_evening/grocery_store/model/grocery_model.dart';
import 'package:flutter_lessons_in_the_evening/grocery_store/repository/grocery_repository.dart';

part 'grocery_state.dart';

class GroceryCubit extends Cubit<GroceryState> {
  final GroceryRepository _groceryRepository;

  GroceryCubit({required GroceryRepository groceryRepository})
    : _groceryRepository = groceryRepository,
      super(GroceryInitial());

  void getAllCategory() async{
    emit(GroceryLoading());

    try {
      final newData = await _groceryRepository.getAllCategory();

      emit(GrocerySuccess(categoryData: newData));

    } catch(e){
      emit(GroceryError(error: '$e'));
    }
  }
}

part of 'grocery_cubit.dart';

sealed class GroceryState extends Equatable {
  const GroceryState();
  @override
  List<Object> get props => [];
}

final class GroceryInitial extends GroceryState {

}

final class GroceryLoading extends GroceryState{}


final class GrocerySuccess extends GroceryState{
  final List<GroceryModel> categoryData;

  const GrocerySuccess({required this.categoryData});
  @override
  List<Object> get props => [categoryData];
}

final class GroceryError extends GroceryState{
  final String error;

  const GroceryError({required this.error});

  @override
  List<Object> get props => [error];
}

class GroceryModel {
  final String id;
  final String createdAt;
  final String name;
  final String image;
  final String color;

  GroceryModel({
    required this.id,
    required this.createdAt,
    required this.name,
    required this.image,
    required this.color,
  });

  factory GroceryModel.fromJson(Map<String, dynamic> json) {
    return GroceryModel(
      id: json['id'],
      createdAt: json['createdAt'],
      name: json['name'],
      image: json['image'],
      color: json['color'],
    );
  }
}

import 'package:dio/dio.dart';
import 'package:flutter_lessons_in_the_evening/grocery_store/model/grocery_model.dart';

abstract class GroceryRepository {
  Future<List<GroceryModel>> getAllCategory();
}

class GroceryRepositoryImpl extends GroceryRepository {
  final Dio _dio;

  GroceryRepositoryImpl({required Dio dio}) : _dio = dio;

  @override
  Future<List<GroceryModel>> getAllCategory() async {
    try {
      final response = await _dio.get(
        'https://69987a2cd66520f95f17aeab.mockapi.io/category',
      );

      if (response.statusCode == 200) {
        List<dynamic> data = response.data;
        return data
            .map((json) => GroceryModel.fromJson(json))
            .toList();
      } else {
        throw Exception('ошибка сервера');
      }
    } on DioException catch (e) {
      throw Exception('ошибка сети $e');
    } catch (e) {
      throw Exception('неизвестная ошибка $e');
    }
  }
}

import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:flutter_lessons_in_the_evening/grocery_store/cubit/grocery_cubit.dart';
import 'package:flutter_lessons_in_the_evening/grocery_store/widgets/loading_widget.dart';

import '../model/grocery_model.dart';

class MainScreen extends StatefulWidget {
  const MainScreen({super.key});

  @override
  State<MainScreen> createState() => _MainScreenState();
}

class _MainScreenState extends State<MainScreen> {
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    context.read<GroceryCubit>().getAllCategory();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Find products'),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: [
            TextField(),
        
            BlocBuilder<GroceryCubit, GroceryState>(
              builder: (context, state) {
                return switch (state) {
                  GroceryInitial() => Container(),
                  GroceryLoading() => GridView.builder(
                    shrinkWrap: true,
                    itemCount: 10,
                    gridDelegate:
                    SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 2,
                      mainAxisSpacing: 10,
                      crossAxisSpacing: 10,
                      childAspectRatio: 0.6,
                    ),
                    itemBuilder: (context, index) {
                      return LoadingWidget();
                    },
                  ),
                  GroceryError(error: String error) => Center(
                    child: Text(error),
                  ),
                  GrocerySuccess(
                    categoryData: List<GroceryModel> data,
                  ) =>
                    GridView.builder(
                      shrinkWrap: true,
                      itemCount: data.length,
                      gridDelegate:
                          SliverGridDelegateWithFixedCrossAxisCount(
                            crossAxisCount: 2,
                            mainAxisSpacing: 10,
                            crossAxisSpacing: 10,
                            childAspectRatio: 0.6,
                          ),
                      itemBuilder: (context, index) {
                        final db = data[index];
                        final color = int.tryParse(db.color);
                        return Container(
                          decoration: BoxDecoration(
                            color: Color(color!),
                          ),
                          child: Column(
                            children: [
                              Image.network(db.image),
                              Text(db.name),
                            ],
                          ),
                        );
                      },
                    ),
                };
              },
            ),
          ],
        ),
      ),
    );
  }
}

import 'package:flutter/material.dart';

class LoadingWidget extends StatelessWidget {
  const LoadingWidget({super.key});

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: Colors.white
      ),
      padding: EdgeInsets.all(15),
      child: Column(
        spacing: 10,
        children: [
          _ContainerWidget(height: 100),
          _ContainerWidget(height: 40),
        ],
      ),
    );
  }
}

class _ContainerWidget extends StatelessWidget {
  final double height;
  
  const _ContainerWidget({super.key, required this.height, });

  @override
  Widget build(BuildContext context) {
    return Container(
      height: height,
      width: double.infinity,
      decoration: BoxDecoration(
          color: Colors.grey.shade400,
        borderRadius: BorderRadius.circular(15)
      ),
    );
  }
}

PreviousCubit - class - List<class>Nextcubit - class - api - create

Last updated 24 days ago

import 'package:flutter/material.dart'; import 'package:flutter_bloc/flutter_bloc.dart'; import 'package:flutter_lessons_in_the_evening/grocery_store/cubit/grocery_cubit.dart'; import 'package:flutter_lessons_in_the_evening/grocery_store/widgets/loading_widget.dart'; import '../model/grocery_model.dart'; class MainScreen extends StatefulWidget { const MainScreen({super.key}); @override State<MainScreen> createState() => _MainScreenState(); } class _MainScreenState extends State<MainScreen> { @override void initState() { // TODO: implement initState super.initState(); context.read<GroceryCubit>().getAllCategory(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('Find products'), ), body: SingleChildScrollView( child: Column( children: [ TextField(), BlocBuilder<GroceryCubit, GroceryState>( builder: (context, state) { return switch (state) { GroceryInitial() => Container(), GroceryLoading() => GridView.builder( shrinkWrap: true, itemCount: 10, gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, mainAxisSpacing: 10, crossAxisSpacing: 10, childAspectRatio: 0.6, ), itemBuilder: (context, index) { return LoadingWidget(); }, ), GroceryError(error: String error) => Center( child: Text(error), ), GrocerySuccess( categoryData: List<GroceryModel> data, ) => GridView.builder( shrinkWrap: true, itemCount: data.length, gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( crossAxisCount: 2, mainAxisSpacing: 10, crossAxisSpacing: 10, childAspectRatio: 0.6, ), itemBuilder: (context, index) { final db = data[index]; final color = int.tryParse(db.color); return Container( decoration: BoxDecoration( color: Color(color!), ), child: Column( children: [ Image.network(db.image), Text(db.name), ], ), ); }, ), }; }, ), ], ), ), ); } }