Question

所以过去两天我都遇到了这个错误。根据我从抖动中得到的错误，我已经从互联网上尝试了很多方法，但是一个问题/解决方案导致了另一个问题。或根本不是我想要做的。本质上我想要的是这个

[Header1] [Header2] [Header3]

[LiveFeed1] [LiveFeed2] [LiveFeed3]

所以我的布局是这样的。

第1列->第1行，第2行

Row1-> Expanded1（），Expanded2（），Expanded3（）

Row2-> Expanded（ListView1），Expanded（ListView2），Expanded（ListView3）

目前，我只是想让至少一个列表视图以我可以依靠的方式工作。但是，使它起作用的唯一方法是：Column（Expanded（ListView））这不是我想要的。另一种方法是（我真的记不清了，因为我尝试了很多排列）是通过使用rinklewrap：true。但是出现两个问题，1我的应用程序出血，2我无法滚动。

这是我的代码：

  Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(
    leading: Icon(Icons.dashboard),
    actions: <Widget>[
      IconButton(
          icon: Icon(Icons.close),
          onPressed: () {
            _auth.signOut();
            Navigator.pop(context);
            //TODO: Implement logout functionality
          }),
    ],
    title: Text('Title'),
    backgroundColor: Colors.lightBlueAccent,
  ),
  body: SafeArea(
    child: Column(
      children: <Widget>[
        //JobsOnBoardList(),
        rowWithHeader(),
        rowWithDetails(),
      ],
    ),
  ),
  floatingActionButton: getButton(),
);
  }

  Row rowWithHeader() {
return Row(
  children: <Widget>[
    Expanded(
      child: Card(
        child: Text("Header1"),
      ),
    ),
    Expanded(
      child: GestureDetector(
        child: Card(
          child: Text("Header2"),
        ),
      ),
    ),
    Expanded(
      child: Card(
        child: Text("Header3"),
      ),
    ),
  ],
  );
  }

  Row rowWithDetails() {
return Row(
  children: <Widget>[
    Column(
      children: <Widget>[
        OnBoardList(),
      ],
    ),
    Column(
      children: <Widget>[
        OnBoardList(),
      ],
    ),
    Column(
      children: <Widget>[
        OnBoardList(),
      ],
    ),
  ],
   );
 }
 }


class _OnBoardList extends State<OnBoardList> {
final _auth = FirebaseAuth.instance;

@override
void initState() {
// TODO: implement initState
getCurrentUser();
super.initState();
}

void getCurrentUser() async {
try {
  final user = await _auth.currentUser();
  if (user != null) {
    loggedInUser = user;
    print(loggedInUser.email);
  }
} catch (e) {
  print(e);
}
 }

 @override
 Widget build(BuildContext context) {
 return MessageStream();
 }
}

 class MessageStream extends StatelessWidget {
 @override
 Widget build(BuildContext context) {
   // TODO: implement build
   return StreamBuilder<QuerySnapshot>(
  //stream: _firestore.collection('messages').snapshots(),
  stream: _firestore.collection(all_jobs_created_collection).orderBy('TimeCreated').snapshots(),
  builder: (context, snapshot) {

    if (!snapshot.hasData) {
      return Center(
        child: CircularProgressIndicator(
          backgroundColor: Colors.lightBlueAccent,
        ),
      );
    }

    final messages = snapshot.data.documents.reversed;
    List<MessageBubble> messageBubbles = [];
    for (var message in messages) {
      final messageText = message.data['Field1'];
      final messageTimeStamp = message.data['Field2'];
      //print("=====Messages======");
      //print(messageText);
      //print(messageTimeStamp);
      final messageBubble = MessageBubble(
        timeStamp: messageTimeStamp,
        text: messageText,
      );
      messageBubbles.add(messageBubble);
    }
    return Expanded(
      child: ListView(
        reverse: true,
        padding: EdgeInsets.symmetric(horizontal: 10.0, vertical: 20.0),
        children: messageBubbles,
      ),
    );
  },
);
 }
}

Answer 1

因此，将列删除到每个ListView并不是单独起作用。将RowWithDetails（）与Expanded包装在一起并不能单独工作。

但是，同时做这两个都是。因此，我将列移至ListViews（OnBoardList（）），并使用扩展的小部件包装（rowWithDetails）。我不确定StackOverflow的手续，但是Tom和Zvi Karp回答了我的问题。谢谢。

旧代码：

   Row rowWithDetails() {
   return Row(
     children: <Widget>[
       Column(
         children: <Widget>[
           OnBoardList(),
         ],
       ),
       Column(
         children: <Widget>[
           OnBoardList(),
         ],
       ),
       Column(
         children: <Widget>[
           OnBoardList(),
         ],
       ),
     ],
      );
    }
    }

新代码：

       Expanded rowWithDetails() {
       return Expanded(
         child: Row(
           children: <Widget>[
             OnBoardList(),
             OnBoardList(),
             OnBoardList(),
           ],
         ),
       );
     }
   }

扩展的ListView仅适用于一个嵌套列，但仅此而已？我究竟做错了什么？

1 个答案: