Обновить ModalBottomSheet после вызова API во флаттере

Question

Я новый флаттер, разрабатываю приложение, которое вызывает api и получает данные с сервера, которые отображаются на нижнем листе. в этом случае я показываю нижний лист во время выполнения вызова API. После вызова api я хочу обновить содержимое нижнего листа. Я использовал объект данных, чтобы показать содержимое нижнего листа. setstate не обновляет уже показанный нижний лист. Как я могу обновить содержимое нижнего листа после вызова api.

Мой вызов APi

model.getSpotDetails(model.spotList[position], position).then((value) =>
      {
        if(value){

        }
      });

Мой код нижнего листа

showModalBottomSheet<void>(
      context: context,
      elevation: 5,
      backgroundColor: AppTheme.white,
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.only(topLeft: Radius.circular(20),topRight: Radius.circular(20)),
      ),
      builder: (BuildContext context) {
        return StatefulBuilder(
          builder: (BuildContext context,setState){
            return Container(
              height: 370,
              child: bottomContent(data),
            );
          },
        );
      },
    );

Answer 1

Используйте Future Builder, а затем обновите нижний лист