搭配 IDE 的 convert to expression body & convert to block body 開發 Flutter App

VS Code / Android Studio 內建方便的 convert to expression body & convert to block body，幫助我們開發 Flutter App 時快速轉換 (){ } 和 ()=> 語法。

以下我們以實際的例子說明。

convert to expression body

將 (){ } 轉換成 ()=>。

• 範例 1。

void greet() {
    print('Hello SwiftUI!');
}

點選 function greet，然後點選燈泡，從選單點選 Convert to expression body。

結果。

void greet() => print('Hello SwiftUI!');

• 範例 2。

int add(int num1, int num2) {
  return num1 + num2;
}

點選 function add，然後點選燈泡，從選單點選 Convert to expression body。

結果。

int add(int num1, int num2) => num1 + num2;

• 範例 3。

void processNumberAndPrint(String Function(int) numberToStringTransformer) {
  var result = numberToStringTransformer(10);
  print(result);
}

void main() {
  processNumberAndPrint((number) {
    return '${number * 2}';
  });
}

點選 anonymous function 的參數 number，然後點選燈泡，從選單點選 Convert to expression body。

結果。

void main() {
  processNumberAndPrint((number) => '${number * 2}');
}

convert to block body

將 ()=> 轉換成 (){ }。

• 範例 1。

void greet() => print('Hello SwiftUI!');

點選 function greet，然後點選燈泡，從選單點選 Convert to block body。

結果。

void greet() {
  print('Hello SwiftUI!');
}

• 範例 2。

void processNumberAndPrint(String Function(int) numberToStringTransformer) {
  var result = numberToStringTransformer(10);
  print(result);
}

void main() {
  processNumberAndPrint((number) => '${number * 2}');
}

點選 anonymous function 的參數 number，然後點選燈泡，從選單點選 Convert to block body。

結果。

void main() {
  processNumberAndPrint((number) {
    return '${number * 2}';
  });
}