超时抖动后，在按钮单击上重试 http 请求

Question

我创建了这个自定义模态底表，它显示连接超时或没有互联网连接的时间。我已阅读 重试包，它会在 SocketException 或 TimeoutException 上自动重试。当用户点击重试按钮时，如何重试 http 请求？

自定义底表

class CustomModalBottomSheet {
  final typeModal;
  final Function() onTryAgainTap;

  CustomModalBottomSheet({this.onTryAgain, this.typeModal});

  final String connectionTimeOut = 'assets/images/connectiontimeout.png';
  final String noInternet = 'assets/images/nointernet.png';

  noInternetConnectionMBS(context) {
    Size size = MediaQuery.of(context).size;
    showModalBottomSheet(
        isScrollControlled: true,
        shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(40.0),
        ),
        context: context,
        builder: (BuildContext bc) {
          return Container(
            height: size.height * 0.5,
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.only(
                topRight: Radius.circular(40.0),
                topLeft: Radius.circular(40.0),
              ),
            ),
            child: Padding(
              padding: const EdgeInsets.fromLTRB(20, 0, 20, 0),
              child: Column(
                crossAxisAlignment: CrossAxisAlignment.center,
                children: [
                  SizedBox(height: 20),

                  Stack(
                    children: [
                      Container(
                        height: size.height * 0.3,
                        alignment: Alignment.center,
                        child: Image.asset(
                          typeModal == 'rto' ? connectionTimeOut : noInternet,
                          fit: BoxFit.contain,
                        ),
                      ),
                      Align(
                        alignment: Alignment.topRight,
                        child: Icon(
                          Icons.close,
                        ),
                      ),
                    ],
                  ),

                  Text(
                      typeModal == 'rto'
                          ? "Connection Time Out"
                          : 'No Internet Connection',
                      style:
                          TextStyle(fontWeight: FontWeight.bold, fontSize: 16)),
                  SizedBox(height: 8),
                  Text(
                    "Please Try Again",
                  ),
                  SizedBox(height: 20),
                  SizedBox(
                    width: size.width,
                    child: ElevatedButton(
                        style:
                            ElevatedButton.styleFrom(primary: kSecondaryColor),
                        onPressed: () async {
                          onTryAgainTap();
                          Navigator.pop(context);
                        },
                        child: Text('Try Again')),
                  )
                  //content of modal bottomsheet
                ],
              ),
            ),
          );
        });
  }
}

并在我的 api 服务上调用它，如下所示。

Future<Model> someFunction(
      Model requestModel, BuildContext context) async {
    Map<String, String> requestHeaders = {
      'Content-type': 'application/json',
      'Accept': 'application/json',
    };
    try {
      final response = await http
          .post('$baseURL/url',
              body: json.encode(requestModel), headers: requestHeaders)
          .timeout(Duration(seconds: 30), onTimeout: () {
        CustomModalBottomSheet(onTryAgainTap: null, typeModal: 'rto')
            .noInternetConnectionMBS(context);
        return http.Response('Error', 408);
      });
      if (response.statusCode == 200) {
        
      }
    } on SocketException {
      
      CustomModalBottomSheet(onTryAgainTap: null, typeModal: 'nointernet')
          .noInternetConnectionMBS(context);
    }
}