Flutter Bloc 如何从 Widget 本身更新 BlocBuilder 中的 Widget？

Question

如何使用滑块从 bloc 小部件本身更新 Bloc 小部件？

图表数据的事件是从另一个小部件执行的。获取数据后，将打开此小部件。当我更改滑块时，我希望图表随日期更新但保留其他数据。再次获取所有数据会太多。

如何才能仅访问从同一小部件更改的数据？

我有以下 Bloc Builder 小部件，bloc_event，bloc 和 bloc_state

小部件：

class ChartWidget extends StatelessWidget {
ChartWidget({Key key}) : super(key: key);

@override
Widget build(BuildContext context) {

double valueSliderDate;
return BlocBuilder<ChartDataBloc, ChartDataState>(
  builder: (context, state) {
    if (state is ChartDataLoadInProgress) {
      return LoadingIndicator();
    } else if (state is ChartDataLoadSuccess) {
      final chartData = state.chartData;
      final maxValueAll = getMaxValueAll(chartData);
      final List<double> dates = getValuesDate(chartData);
      valueSliderDate = dates.first;

      return Column(children: <Widget>[
        
        Expanded(
          child: MyFancyChart(chartData, valueSliderDate),
        ),
        Slider(
          min: dates.first,
          max: dates.last,
           divisions: dates.length,
           value: valueSliderDate,
          onChanged: (value) {
            context.read<ChartDataBloc>().add(DateSliderSet(value));
          },
        ),
      ]);
    } else {
      return Container();
    }
  },
);
}

这是有两个事件的 bloc_event：

abstract class ChartDataEvent {
const ChartDataEvent();
@override
List<Object> get props => [];  }

class SpecificIndicatorIdSet extends ChartDataEvent {
const SpecificIndicatorIdSet(this.indicator);
final Indicator indicator;

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

class DateSliderSet extends ChartDataEvent {
const DateSliderSet(this.dateSlider);
final double dateSlider;

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

这是集团本身：

class ChartDataBloc extends Bloc<ChartDataEvent, ChartDataState> {
final ChartDataRepository chartDataRepository;
ChartDataBloc({@required this.chartDataRepository}) : super(ChartDataLoadInProgress());

@override
Stream<ChartDataState> mapEventToState(ChartDataEvent event) async* {
if (event is SpecificIndicatorIdSet) {
yield* _mapIndicatorsLoadedToState(event);
} else if (event is DateSliderSet) {
yield* _mapDateSliderToState(event);  }    }

Stream<ChartDataState> _mapDateSliderToState(
  DateSliderSet event
  ) async* {
try {
  final dateSlider = event.dateSlider;
  yield DateSliderLoadSuccess(
    dateSlider,
  );
} catch (_) {
  yield DateSliderLoadFailure();  }   }

Stream<ChartDataState> _mapIndicatorsLoadedToState(
  SpecificIndicatorIdSet event
  ) async* {
try {
  final chartData = await this.chartDataRepository.loadChartData(event.indicator.id);
  yield ChartDataLoadSuccess(
    sortToListOfLists(chartData),
    event.indicator.name
  );
} catch (_) {
  yield ChartDataLoadFailure();  }  }  }

这是bloc_state:

abstract class ChartDataState {
const ChartDataState();
@override
List<Object> get props => [];  }

class ChartDataLoadInProgress extends ChartDataState {}

class ChartDataLoadSuccess extends ChartDataState {
final List<List<ChartData>> chartData;
final String titleIndicator;
const ChartDataLoadSuccess(this.chartData,this.titleIndicator);

@override
List<Object> get props => [chartData, titleIndicator];

@override
String toString() => 'ChartDataLoadSuccess { topics: ' + chartData + ' }';  }

class ChartDataLoadFailure extends ChartDataState {}

class DateSliderLoadSuccess extends ChartDataState {
final double dateSlider;
const DateSliderLoadSuccess(this.dateSlider);

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

@override
String toString() => 'DateSliderLoadSuccess { dateSlider: ' + dateSlider.toString() + ' }';  
}

class DateSliderLoadFailure extends ChartDataState {}

提前致谢

Answer 1

您是否尝试过在您的 bloc 中创建一个变量来存储原始数据？

您将能够存储数据并能够继续使用您的集团并更新您的小部件。

Flutter Bloc 如何从 Widget 本身更新 BlocBuilder 中的 Widget？

Flutter Bloc How to update Widget in BlocBuilder from the Widget itself?

state

dart

flutter

bloc