簡體   English   中英

在 Flutter 中創建一個可實例化的 Widget 列表

[英]Make an instantiable list of Widgets in Flutter

我想實例化一個基於 int 的 Widget。

const List<Widget> WIDGETS = <Widget>[
  Widget1,
  Widget2,
  Widget3,
  Widget4,
];

final int index = 1;

Navigator.pushReplacement(context, MaterialPageRoute<Widget>(builder: (BuildContext context) => WIDGETS[index](hey: index))));

但是,我在小部件列表中收到以下錯誤:

The element type 'Type' can't be assigned to the list type 'Widget'. dart(list_element_type_not_assignable)

我不想使用dynamic或類似的東西,有沒有辦法聲明這些是 Widget Type s?

類似的 JS 將是typeof


這個有可能:

void a() {
  print('a');
}

void b() {
  print('b');
}

const List<Function> EXAM_SCREENS = <Function>[
  a,
  b,
  a,
  a,
];

為什么我的場景不是這樣?

編輯:為了澄清,我需要將動態 arguments 傳遞給這些小部件。 Widget1需要在它自己的 Widget 中生成的hey參數。

因為在初始化它們之前它們不是 Widget,因此不需要初始化函數,因為它們就像變量一樣(您將指針傳遞給函數)。

所以以這種方式:

const List<Widget> WIDGETS = <Widget>[
  Widget1,
  Widget2,
  Widget3,
  Widget4,
];

您正在存儲類型列表,那么如果您嘗試像這樣更改它們,您將不會收到任何錯誤。

const List<Type> WIDGETS = <Type>[
  Widget1,
  Widget2,
  Widget3,
  Widget4,
];

為了做你所要求的,有必要通過使用創建所需小部件的方法從根本上改變方法,將索引作為參數(或選擇要創建的正確小部件所需的任何參數)傳遞給該方法,並根據參數,該方法將返回正確的小部件。

Widget _chooseTheRightOne(int index, dynamic hey) {
  switch(index) {
     case 0: Widget1(hey: hey); break;
     case 1: Widget2(hey: hey); break;
  }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM