React Native flexbox styling issue with drop cap

Question

So here's a really simple drop cap I've thrown together: https://jsfiddle.net/WW3bh/31797/

p {
  font-family: 'arial';
  padding: 20px;
}
span {
  font-size: 60px;
  display: block;
  float: left;
  line-height: 45px;
  margin-top: 7px
}

I've been trying for a few hours to replicate this in React Native with the flexbox layout, but I'm really struggling. Either the text doesn't start at the top of the drop cap, or it doesn't wrap around the bottom of it. It really shouldn't be as hard as I'm making it look!

Any suggestions?