मैं एक पंक्ति में 2 ListView डालने में सक्षम होना चाहता हूं ताकि वे पूरी तरह से स्वतंत्र हों और मैं इसमें गतिशील रूप से आइटम जोड़ सकूं। मानो मेरे पास मेरे स्कोर के लिए एक कॉलम था और उसके आगे, किल की संख्या के लिए एक कॉलम था।

क्या किसी के पास कोई विचार है कि यह कैसे करें?

मैंने यह कोशिश की:

Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Container(
                      height: 200,
                      child: ListView(
                        children: <Widget>[
                          Text("Hey")
                        ],
                      ),
                    ),
                    VerticalDivider(),
                    Container(
                      height: 200,
                      child: ListView(
                          children: <Widget>[
                          Text("Hey")
                      ]),
                    ),
                  ],
                )

यहाँ मेरी पूरी कक्षा है:

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

class GamePage extends StatefulWidget {
  @override
  _GamePageState createState() => _GamePageState();
}

class _GamePageState extends State<GamePage>{
  @override
  Widget build(BuildContext context){
    return CupertinoPageScaffold(
        navigationBar: CupertinoNavigationBar(
          middle: Text("Jeu", style: TextStyle(fontSize: 20.0),),
        ),
        child: SafeArea(
          child: Container(
            padding: EdgeInsets.all(20),
            child: Column(
              children: <Widget>[
                CupertinoTextField(
                  placeholder: "Team 1",
                ),
                Container(padding: EdgeInsets.all(5.0),),
                Row(
                  children: <Widget>[
                    Expanded(child: Container(),),
                    Text("Annonces :", textAlign: TextAlign.center,),
                    Expanded(child: Container(),),
                    Text("Points réguliers :", textAlign: TextAlign.center,),
                    Expanded(child: Container(),),
                  ],
                ),
                Row(
                  mainAxisSize: MainAxisSize.max,
                  children: <Widget>[
                    Container(
                      height: 200,
                      child: ListView(
                        children: <Widget>[
                          Text("Hey")
                        ],
                      ),
                    ),
                    VerticalDivider(),
                    Container(
                      height: 200,
                      child: ListView(
                          children: <Widget>[
                          Text("Hey")
                      ]),
                    ),
                  ],
                )
              ],
            ),
          ),
        )
    );
  }
}

क्या किसी के पास कोई उपाय है?

2
Simon B 8 अक्टूबर 2019, 22:01
जब आप अपने प्रश्न में कोड का उल्लेख करते हैं तो आप पंक्ति में दो सूचीदृश्य डालते हैं तो आपको किस समस्या का सामना करना पड़ता है।
 – 
Hussnain Haidar
8 अक्टूबर 2019, 22:22

2 जवाब

सबसे बढ़िया उत्तर

स्क्रीनशॉट:

enter image description here


Row(
  children: <Widget>[
    Flexible(
      child: Container(
        color: Colors.teal,
        child: ListView.builder(
          itemBuilder: (_, i) => ListTile(title: Text("List1: $i")),
        ),
      ),
    ),
    Flexible(
      child: Container(
        color: Colors.orange,
        child: ListView.builder(
          itemBuilder: (_, i) => ListTile(title: Text("List2: $i")),
        ),
      ),
    ),
  ],
)
3
CopsOnRoad 9 अक्टूबर 2019, 09:02

अपने कॉलम में पंक्ति को नीचे दिए गए कोड की तरह कंटेनर में लपेटें। यह शायद आपकी मदद कर सकता है जो आप खोज रहे हैं।

 Container(
        height: 200,
        child: Row(
          children: <Widget>[
            Expanded(
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 200,
                    color: Colors.blue,
                  ),
                ],
              ),
            ),
            Expanded(
              child: ListView(
                children: <Widget>[
                  Container(
                    height: 200,
                    color: Colors.red,
                  ),
                ],
              ),
            ),
          ],
        ),
      )
0
Hussnain Haidar 8 अक्टूबर 2019, 22:32