flutter - 在 Flutter 中使用类以列表形式传递参数

Question

我正在 Flutter 中开发一个简单的聊天屏幕 UI。有一个用户定义的小部件 MessageBubble，它接受三个参数:sender (String)、text (String)、isMe (bool)。目前它正在被一一传递静态值，如下所示:

List<MessageBubble> messages = [
    MessageBubble(
      sender: "Me",
      text: "Hi!",
      isMe: true,
    ),
    MessageBubble(
      sender: "Not Me",
      text: "Hey, hi!",
      isMe: false,
    ),
];

我想做的是，我创建了一个像这样的 BubbleData 类:

class BubbleData {
    List <String> sender = ['Not Me', 'Not Me'];
    List <String> text = ['Hey Hi', "What's new?"];
    List <bool> isMe = [false, false];
}

现在的问题在于如何使用 ListView 构建器通过 MessageBubble 迭代这些列表项？

Answer 1

也许更好的方法是按如下方式定义 BubbleData:

class BubbleData{
   String sender;
   String text;
   bool isMe;

   BubbleData({this.sender, this.text, this.isMe});
}

然后，您使用您的数据创建一个可以迭代的列表:

List<BubbleData> bubbles = [
   BubbleData(sender: 'Not Me', text: 'Hey Mi', isMe: false),
   BubbleData(sender: 'Not Me', text: 'What\'s new?', isMe: false)
];

下一步将映射并转换为 MessageBubble 的列表:

List<MessageBubble> messages = bubbles.map((bubble) =>
   MessageBubble(
      sender: bubble.sender, 
      text: bubble.text, 
      isMe: bubble.isMe
   )
).toList();