XOOPS輕鬆架 - 線上書籍

:::

Dart 及 flutter 初體驗
==================

1. 先編輯 `pubspec.yaml`，安裝 <https://pub.dev/packages/dio>，並執行 `pub get` 
  ```javascript
  dependencies:
    flutter:
      sdk: flutter
  
  
    # The following adds the Cupertino Icons font to your application.
    # Use with the CupertinoIcons class for iOS style icons.
    cupertino_icons: ^1.0.2
    dio: ^3.0.10
  ```
2. 引入該套件 
  ```dart
  import 'package:dio/dio.dart';
  ```
3. 使用之 
  ```dart
  Future<Response> getCountriesData() async {
    Response res;
    try {
      res = await Dio().get("https://corona.lmao.ninja/v3/covid-19/countries");
      if (res.statusCode == 200 && res.data != null) {
        return res;
      }
    } on DioError catch (e) {
      print('Dio error: ${e}');
    } catch (e) {
      print('Other error: ${e}');
    }
    return res;
    // //若Widget已經掛載
    // if (mounted) {
    //   //改變狀態
    //   setState(() {});
    // }
  }
  ```
4. 或是用state 
  ```dart
  Map allData = {};
  
  Future<Response> getData() async {
    try {
      Response res = await Dio().get("https://corona.lmao.ninja/v2/all");
      if (res.statusCode == 200 && res.data != null) {
        allData = res.data;
        // print(res);
      }
    } on DioError catch (e) {
      print('Dio error: ${e}');
    } catch (e) {
      print('Other error: ${e}');
    }
  
    //若Widget已經掛載
    if (mounted) {
      //改變狀態
      setState(() {});
    }
  }
  
  //State狀態初始化
  @override
  void initState() {
    // 要先做父類的State狀態初始化
    super.initState();
    //再做自己的事，如取得資料
    getData();
  }
  ```

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1888

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器