'List <dynamic>' türü, 'List <Widget>' türünün bir alt türü değil

Firestore örneğinden kopyaladığım bir kod pasajım var:

Widget _buildBody(BuildContext context) {
    return new StreamBuilder(
      stream: _getEventStream(),
      builder: (context, snapshot) {
        if (!snapshot.hasData) return new Text('Loading...');
        return new ListView(
          children: snapshot.data.documents.map((document) {
            return new ListTile(
              title: new Text(document['name']),
              subtitle: new Text("Class"),
            );
          }).toList(),
        );
      },
    );
  }

Ama bu hatayı alıyorum

type 'List<dynamic>' is not a subtype of type 'List<Widget>'

Burada ters giden ne?

Buradaki sorun, tür çıkarımının beklenmedik bir şekilde başarısız olmasıdır. Çözüm, mapyönteme bir tür argümanı sağlamaktır .

snapshot.data.documents.map<Widget>((document) {
  return new ListTile(
    title: new Text(document['name']),
    subtitle: new Text("Class"),
  );
}).toList()

Daha karmaşık cevap, türü childrenolduğu halde List<Widget>, bu bilginin tekrar çağrıya doğru akmamasıdır map. Bunun nedeni map, ardından gelen toListve kapanışın dönüşünü açıklama yazmanın bir yolu olmadığı için olabilir.

Dinamik Listeyi Belirli Türe Sahip Listeye Yayınlayabilirsiniz:

List<'YourModel'>.from(_list.where((i) => i.flag == true));

Sorunumu Mapşu şekle dönüştürerek çözdüm :Widget

      children: snapshot.map<Widget>((data) => 
               _buildListItem(context, data)).toList(),

Ben de _buildBody kullanmak olduğunu düşünüyorum çocuklar böylece, bazı widget özellikleri çocukların bir bekliyoruz Liste Widget (Widget dizisi) ve _buildBody bir döner 'Liste dinamik' .

Çok basit bir şekilde, onu döndürmek için bir değişken kullanabilirsiniz:

// you can build your List of Widget's like you need
List<Widget> widgets = [
  Text('Line 1'),
  Text('Line 2'),
  Text('Line 3'),
];

// you can use it like this
Column(
  children: widgets
)

Örnek ( flutter create test1 ; cd test1 ; edit lib / main.dart ; flutter run ):

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<Widget> widgets = [
    Text('Line 1'),
    Text('Line 2'),
    Text('Line 3'),
  ];

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("List of Widgets Example")),
        body: Column(
          children: widgets
        )
      )
    );
  }

}

Bir kullanarak diğer bir örnek Widget bir mesafede (oneWidget) Widget'lerle Listesi (arrayOfWidgets). Bir parçacığın (MyButton) bir parçacığı kişiselleştirmek ve kod boyutunu küçültmek için nasıl kapsamının olduğunu gösteriyorum:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<Widget> arrayOfWidgets = [
    Text('My Buttons'),
    MyButton('Button 1'),
    MyButton('Button 2'),
    MyButton('Button 3'),
  ];

  Widget oneWidget(List<Widget> _lw) { return Column(children: _lw); }

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Widget with a List of Widget's Example")),
        body: oneWidget(arrayOfWidgets)
      )
    );
  }

}

class MyButton extends StatelessWidget {
  final String text;

  MyButton(this.text);

  @override
  Widget build(BuildContext context) {
    return FlatButton(
      color: Colors.red,
      child: Text(text),
      onPressed: (){print("Pressed button '$text'.");},
    );
  }
}

Ben yapılan eksiksiz bir örnek kullandığım o dinamik widget'lar ekranda göstermek ve gizlemek widget'lara, bunu online çalışan görebilirsiniz dart keman de.

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List item = [
    {"title": "Button One", "color": 50},
    {"title": "Button Two", "color": 100},
    {"title": "Button Three", "color": 200},
    {"title": "No show", "color": 0, "hide": '1'},
  ];

  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text("Dynamic Widget - List<Widget>"),backgroundColor: Colors.blue),
        body: Column(
          children: <Widget>[
            Center(child: buttonBar()),
            Text('Click the buttons to hide it'),
          ]
        )
      )
    );
  }

  Widget buttonBar() {
    return Column(
      children: item.where((e) => e['hide'] != '1').map<Widget>((document) {
        return new FlatButton(
          child: new Text(document['title']),
          color: Color.fromARGB(document['color'], 0, 100, 0),
          onPressed: () {
            setState(() {
              print("click on ${document['title']} lets hide it");
              final tile = item.firstWhere((e) => e['title'] == document['title']);
              tile['hide'] = '1';
            });
          },
        );
      }
    ).toList());
  }
}

Belki birine yardımcı olur. Sizin için yararlı olduysa, lütfen yukarı oku tıklayarak bana bildirin. Teşekkürler.

https://dartpad.dev/b37b08cc25e0ccdba680090e9ef4b3c1

Bu benim için çalışıyorList<'YourModel'>.from(_list.where((i) => i.flag == true));

Her öğeyi bir widget'a dönüştürmek için ListView.builder () yapıcısını kullanın.

Genel olarak, ne tür bir öğe ile uğraştığınızı kontrol eden ve bu tür öğe için uygun pencere öğesini döndüren bir oluşturucu işlevi sağlayın.

ListView.builder(
  // Let the ListView know how many items it needs to build.
  itemCount: items.length,
  // Provide a builder function. This is where the magic happens.
  // Convert each item into a widget based on the type of item it is.
  itemBuilder: (context, index) {
    final item = items[index];

    return ListTile(
      title: item.buildTitle(context),
      subtitle: item.buildSubtitle(context),
    );
  },
);