Как заменить copyWith, чтобы не копировать, а создавать новое состояние?

У меня есть блок, который отвечает за переключение индексов в нижней панели навигации. Он реализован таким образом, что копирует старое состояние и меняет его. Мне нужно заменить copyWith и сделать так, чтобы он не копировал, а создавал новое состояние. Как это можно реализовать и переписать данный блок?

class BottomNavyBloc extends Bloc<BottomNavyEvent, BottomNavyState> {
  BottomNavyBloc() : super(const BottomNavyState()) {
    on<ChangePageEvent>(
          (event, emit) => emit(
        state.copyWith(index: event.index),
      ),
    );
  }
}

abstract class BottomNavyEvent extends Equatable {
  const BottomNavyEvent();

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

class ChangePageEvent extends BottomNavyEvent {
  final int index;

  const ChangePageEvent({
    required this.index,
  });

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

Мое состояние:

class BottomNavyState extends Equatable {
  const BottomNavyState({
    this.index = 0,
  });

  final int index;

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

class ChangePageState extends BottomNavyState {

}

Поскольку есть только одна переменная index, изменение состояния с помощью copyWith работает почти так же, как использование нового события. В чем проблема с текущим кодом?

immadisairaj 17.05.2022 15:28

Мне просто нужно переделать его под эти условия. Чтобы заменить copyWith. Я хочу знать, как это делается

romka_rish 17.05.2022 15:40

Я ответил на него, предполагая, что существует состояние только с одной переменной, вы можете использовать аналогичный метод для создания новых состояний вместо копирования из предыдущего состояния.

immadisairaj 17.05.2022 15:51
Формы c голосовым вводом в React с помощью Speechly
Формы c голосовым вводом в React с помощью Speechly
Пытались ли вы когда-нибудь заполнить веб-форму в области электронной коммерции, которая требует много кликов и выбора? Вас попросят заполнить дату,...
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Flatpickr: простой модуль календаря для вашего приложения на React
Flatpickr: простой модуль календаря для вашего приложения на React
Если вы ищете пакет для быстрой интеграции календаря с выбором даты в ваше приложения, то библиотека Flatpickr отлично справится с этой задачей....
В чем разница между Promise и Observable?
В чем разница между Promise и Observable?
Разберитесь в этом вопросе, и вы значительно повысите уровень своей компетенции.
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Что такое cURL в PHP? Встроенные функции и пример GET запроса
Клиент для URL-адресов, cURL, позволяет взаимодействовать с множеством различных серверов по множеству различных протоколов с синтаксисом URL.
Четыре эффективных способа центрирования блочных элементов в CSS
Четыре эффективных способа центрирования блочных элементов в CSS
У каждого из нас бывали случаи, когда нам нужно отцентрировать блочный элемент, но мы не знаем, как это сделать. Даже если мы реализуем какой-то...
0
3
24
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Мы используем

emit(state.copyWith(index: event.index))

сказать, что мы копируем все элементы из предыдущего состояния, изменяя index.

Ваше состояние BottomNavyState на данный момент имеет только одну переменную. Таким образом, приведенный выше copyWith действует аналогично использованию создания нового состояния.

Мы не должны пытаться изменить или переопределить метод copyWith, потому что он не соответствует реальной цели метода.

Вместо этого вы можете использовать

emit(BottomNavyState(index: event.index))

использовать конструктор нового состояния вместо копирования из предыдущего состояния.

Я забыл добавить файл со своим состоянием. Теперь я добавил. Скажите, пожалуйста, что я должен написать в моем классе ChangePageState?

romka_rish 17.05.2022 16:06

У вас уже есть BottomNavyState. Таким образом, вы можете излучать то же самое и не нужно ChangePageState. Я просто предположил, что это было так. Итак, просто замените ChangePageState на BottomNavyState, все будет хорошо. (Я также отредактирую ответ). Вы можете просто удалить класс ChangePageState, так как он нам не понадобится.

immadisairaj 17.05.2022 16:21

Другие вопросы по теме