Flutter 中的自定義小部件構造函數

Question

在我的 Flutter 課程中，我們正在構建一個自定義小部件，一個可重復使用的卡片，如下所示。

我想知道為什么我們在構造函數ReusableCard({@required this.colour})之后而不是之前定義最終顏色顏色？

 class ReusableCard extends StatelessWidget {

 ReusableCard({@required this.colour});

 final Color colour;

 @override
 Widget build(BuildContext context) {
   return Container(
     margin: EdgeInsets.all(15.0),
     decoration: BoxDecoration(
       color: colour,
       borderRadius: BorderRadius.circular(10.0),
     ),
     height: 200,
     width: 170,
   );
 }
}

Answer 1

事實上，建議將構造函數聲明排在其他成員之前。

https://dart-lang.github.io/linter/lints/sort_constructors_first.html

Answer 2

這真的歸結為偏好。 沒有嚴格的規則告訴您必須按特定順序定義變量和構造函數。 即使您的代碼看起來像這樣也沒有關系：

 class ReusableCard extends StatelessWidget {
 final Color colour;
 ReusableCard({@required this.colour});

 @override
 Widget build(BuildContext context) {
   return Container(
     margin: EdgeInsets.all(15.0),
     decoration: BoxDecoration(
       color: colour,
       borderRadius: BorderRadius.circular(10.0),
     ),
     height: 200,
     width: 170,
   );
 }
}