title: Issue with JSQMessages Displaying Test Messages
body: <p>When I add multiple test messages, only two of them are displaying on screen. The other messages are clearly there because I can copy them, but the colors are simply not showing. When I scroll around, a new two texts appear, but it is still only two. Below show some examples.</p>
  
  <p><a href="https://i.stack.imgur.com/UxJ9zm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UxJ9zm.png" alt="This image shows when the screen first loads."></a></p>
  
  <p><a href="https://i.stack.imgur.com/FbVXNm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FbVXNm.png" alt="This image shows the screen after I&#39;ve scrolled around for a bit."></a></p>
  
  <p><a href="https://i.stack.imgur.com/FK10qm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FK10qm.png" alt="This image shows that the messages are clearly there, but that the bubbles are not showing up."></a></p>
  
  <p>First screenshot shows when the screen first loads. second shows when I move it around. Third shows that the other messages do exist but are not visible. Any ideas on how to fix this? Also, how do I make the names appear? Is there a good guide to doing this in Swift?</p>
  
  <p>Here is the code I used:</p>
  
  <pre><code>    var messages = [JSQMessage]()
  
  var incomingBubbleImageView = JSQMessagesBubbleImageFactory.incomingMessageBubbleImageViewWithColor(UIColor.jsq_messageBubbleLightGrayColor())
  var outgoingBubbleImageView = JSQMessagesBubbleImageFactory.outgoingMessageBubbleImageViewWithColor(UIColor.jsq_messageBubbleGreenColor())
  
  override func viewDidLoad() {
      super.viewDidLoad()
  
      self.sender = UIDevice.currentDevice().identifierForVendor?.UUIDString
  
      messages += [JSQMessage(text: "hello", sender: self.sender)]
      messages += [JSQMessage(text: "hello", sender: "other")]
      messages += [JSQMessage(text: "hello", sender: self.sender)]
      messages += [JSQMessage(text: "hello", sender: "other")]
      messages += [JSQMessage(text: "hello", sender: self.sender)]
      messages += [JSQMessage(text: "hello", sender: "other")]
  
      reloadMessagesView()
  
  }
  
  func reloadMessagesView() {
      self.collectionView?.reloadData()
  }
  </code></pre>
  
  <p>And here is the extension code for the delegate methods:</p>
  
  <pre><code>extension TestJSQ {
  
  override func collectionView(collectionView: UICollectionView, numberOfItemsInSection section: Int) -&gt; Int {
      print(self.messages.count)
      return self.messages.count
  }
  
  override func collectionView(collectionView: JSQMessagesCollectionView!, messageDataForItemAtIndexPath indexPath: NSIndexPath!) -&gt; JSQMessageData! {
      let data = self.messages[indexPath.row]
      return data
  }
  </code></pre>
  
  <p>//    override func collectionView(collectionView: JSQMessagesCollectionView!, didDeleteMessageAtIndexPath indexPath: NSIndexPath!) {
  //        self.messages.removeAtIndex(indexPath.row)</p>
  
  <pre><code>override func collectionView(collectionView: JSQMessagesCollectionView, bubbleImageViewForItemAtIndexPath indexPath: NSIndexPath) -&gt; UIImageView {
  
      let data = messages[indexPath.row]
      switch(data.sender) {
      case self.sender:
          return self.outgoingBubbleImageView
      default:
          return self.incomingBubbleImageView
      }
  
      }
  
  override func collectionView(collectionView: JSQMessagesCollectionView!, avatarImageViewForItemAtIndexPath indexPath: NSIndexPath!) -&gt; UIImageView! {
      return nil
  }
  </code></pre>
  
  <p>}</p>
  
  <p>Any help would be much appreciated!!!</p>