Блог

Как я могу добавить поиск в мой listview ниже, пожалуйста, И возможно ли добавить 3 текста в мой ListTile, если да, то как я могу сделать, пожалуйста. И как я могу изменить цвета фона в моем списке один раз синим, а второй зеленым и т.д…… Спасибо за вашу помощь

    body: StreamBuilder<List>(
        stream: _streamController.stream,
        builder: (BuildContext context, AsyncSnapshot snapshot) {
          if (snapshot.hasData)
            return ListView(
              children: [
                for (Map document in snapshot.data)
                Card(
                  elevation: 10.6,
                  color: Colors.blue,
                  child: new ListTile(
                         title: Text(document['title1'],   textScaleFactor: 1.2, style: TextStyle(color:Colors.white),),
                         subtitle: Text(document['title2'], textScaleFactor: 1.2, style: TextStyle(color:Colors.white),),
                    leading: new IconButton(
                      icon: Icon(Icons.headset, color: Colors.white),
                      onPressed: () {
                        //***//
                      },
                    ),
                  ),
                   ),
                  ],
                 );
          return Center(
              child: Column(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  CircularProgressIndicator()
                ],
              ),
          );
        },
      ),
  

• Для начала поиска в вашем ListView вы можете проверить это: https://blog.usejournal.com/flutter-search-in-listview-1ffa40956685

  Или используйте SearchDelegate https://api.flutter.dev/flutter/material/SearchDelegate-class.html

• ListTiles использует виджеты только в качестве заголовка, подзаголовка и завершения. Таким образом, вы можете поместить туда все, что захотите!

 ListTile(
  title: Column(
    children: [
      Text('abc'),
      Text('def'),
      //etc,
    ],
  ),
  subtitle: Column(
    children: [
      Text('123'),
      Text('456'),
      //etc,
    ],
   ),
),
  

• Для изменения цвета, на который вы хотите взглянуть Listview.builder . Он использует IndexWidgetBuilder , который предоставляет индекс, таким образом, вы можете использовать свой индекс, чтобы проверить, ровный он или неровный, чтобы установить предпочтительный цвет.
  https://api.flutter.dev/flutter/widgets/ListView/ListView.builder.html