1 Вопрос: Как создать просмотр списка, который имеет 2 элемента списка для каждой строки

вопрос создан в Thu, May 2, 2019 12:00 AM

Я пытаюсь создать представление списка, элементам списка которого требуется только половина (или меньше) экрана, поэтому два элемента могут отображаться рядом друг с другом. Я не могу найти никаких примеров в Интернете. Кто-нибудь знает, как это можно сделать?

Я хочу создать что-то вроде этого: https://imgur.com/tIt8adR

    
0
  1. Это сделано с помощью GridView. Вы этого хотите?
    2019-05-02 14: 52: 09Z
  2. @ Doc Вот что мне нужно, спасибо!
    2019-05-02 15: 01: 03Z
  3. мой пример можно найти на developerlibs.com/2018/08/flutter-gridview-builder-example.html
    2019-05-02 15: 01: 58Z
1 ответ                              1                         

Этот пример может быть полезен для вашей проблемы.

import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp(
    items: List<ListItem>.generate(
      1000,
      (i) => i % 6 == 0 ? HeadingItem("Heading $i") : MessageItem("Sender $i", "Message body $i"),
    ),
  ));
}

class MyApp extends StatelessWidget {
  final List<ListItem> items;

  MyApp({Key key, @required this.items}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final title = 'Mixed List';

    return MaterialApp(
      title: title,
      home: Scaffold(
        appBar: AppBar(
          title: Text(title),
        ),
        body: ListView.builder(
          itemCount: items.length,
          itemBuilder: (context, index) {
            final item = items[index];

            if (item is HeadingItem) {
              return ListTile(
                title: Text(
                  item.heading,
                  style: Theme.of(context).textTheme.headline,
                ),
              );
            } else if (item is MessageItem) {
              return ListTile(
                title: Text(item.sender),
                subtitle: Text(item.body),
              );
            }
          },
        ),
      ),
    );
  }
}

abstract class ListItem {}

class HeadingItem implements ListItem {
  final String heading;

  HeadingItem(this.heading);
}

class MessageItem implements ListItem {
  final String sender;
  final String body;

  MessageItem(this.sender, this.body);
}
    
0
2019-05-02 15: 14: 31Z
источник размещен Вот